/* ApplicationHeader Styles */
.applicationHeader
{
	padding: 0px 18px 3px 18px;
	margin-top: -15px;
}

.Logo
{
	width: 82px; 
	height: 40px;
	vertical-align: top;
	background-image: url(Images/ApplicationHeader/UnivitaLogo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.LogoNoClick
{
	width: 82px; 
	height: 40px;
	vertical-align: top;
	background-image: url(Images/ApplicationHeader/UnivitaLogo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.Logo:hover
{
	cursor: hand;
}

.AppName
{
	color: #424e88;
	font-family: Garamond;
	font-size: 20pt;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
}
.InfoBoxTopLeft
{
	background-image: url(Images/ApplicationHeader/InfoBoxTopLeft.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}
.InfoBoxTop
{
	background-image: url(Images/ApplicationHeader/InfoBoxTop.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	height: 11px;
}
.InfoBoxTopRight
{
	background-image: url(Images/ApplicationHeader/InfoBoxTopRight.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}
.InfoBoxBottomLeft
{
	background-image: url(Images/ApplicationHeader/InfoBoxBottomLeft.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}
.InfoBoxBottom
{
	background-image: url(Images/ApplicationHeader/InfoBoxBottom.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	height: 11px;
}
.InfoBoxBottomRight
{
	background-image: url(Images/ApplicationHeader/InfoBoxBottomRight.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}
.InfoBoxLeft
{
	background-image: url(Images/ApplicationHeader/InfoBoxLeft.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 11px;
}
.InfoBoxRight
{
	background-image: url(Images/ApplicationHeader/InfoBoxRight.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 11px;
}
.InfoBoxContent
{
	background-color: #F8F5EC;
	font-size: 8.5pt;
	font-family: Calibri;
}
.InfoBoxActionList
{
	padding-left: 10px;
	font-size: x-small;
	height: 20px;
}
/* End of ApplicationHeader Styles */

/* PageHeader Styles */
.PageHeader
{
	border-bottom: solid 2px #424e88;
	padding: 5px 5px 3px 5px;
}
.PageHeaderText
{
	color: #424e88;
	float: left;
	font-family: Garamond;
	font-size: 16pt;
	font-weight: bold;
}
.RequiredFieldIndicator
{
	float: right;
	font-weight: bold; 
	margin-top: 8px;
}
.RequiredFieldIndicatorSectionControl
{
	text-align: right;
	font-weight: bold; 
	margin: 5px 5px 0 5px;
}
/* End of PageHeader Styles */

/* PageFooter Styles */
.PageFooter
{
	clear: both;
	border-top: solid 2px #424e88;
	color: #7981AA;
	font-size: 8pt;
    font-style: italic;
    margin-top: 10px;
	padding: 5px 5px 3px 5px;
}
/* End of PageFooter Styles */

/* Section Styles */
.SectionContent { padding: 5px; }

.SubSection
{
	background-color: #ffeebb;
	border-right: #6f5958 1px solid;
	border-left: #6f5958 1px solid;
	border-bottom: #6f5958 1px solid;
}

.SectionHeaderCircle
{
	background-image: url(Images/Section/left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
}
.SectionHeaderCircle div
{
	color: #ffffff;
	font-family: Calibri, Verdana, Helvetica, Sans-Serif;
	font-size: 16pt;
	font-weight: bold;
	height: 30px;
	margin: auto auto;
	padding-right: 1px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	width: 32px;
}
.SectionHeaderCircleNoNum
{
	background-image: url(Images/Section/left_nonum.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 24px;
}
.SectionHeaderCircleNoNum div
{
	width: 24px;
}
.SectionHeaderText
{
	padding-top: 1px;
}
.SectionHeaderText div
{
	background-color: #D4B679;
	color: #000066;
	font-family: Calibri, Verdana, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	height: 23px;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: middle;
	white-space: nowrap;
}
.SectionHeaderCircleRight
{
	background-image: url(Images/Section/right.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.SectionHeaderCircleRight div
{
	white-space: nowrap;
	width: 14px;
}
.SectionHeaderRight
{
	width: 100%;
}
.SectionHeaderRight div
{
	padding-top: 1px;
	margin-top: 1px;
	color: #FFFFFF;
	background-color: #6F5958;
	height: 24px;
}
.SectionHeaderRight div div
{
	height: 18px;
	margin-left: 10px;
	margin-top: 6px;
}
.SectionShowHideText
{
	cursor: pointer;
	font-size: 8pt;
	text-decoration: none;
}
.SectionShowHideText:hover
{
	cursor: pointer;
	font-size: 8pt;
	text-decoration: underline;
}
/* End of Section Styles */

/* Progress Styles */
.ModalProgressContainer
{
	font-family: Calibri, Verdana, Helvetica, Sans-Serif;	
	position: absolute;
	background-color: #ffffff;
	padding: 30px;
	width: 300px;
	color: #666666;
	border: solid 2px #333333;
	z-index: 11;
}
.ModalProgressContainer img
{
	vertical-align: middle;
}
/* End of Progress Styles */

/* DatePicker Styles */
.datePickerInput
{
	margin-right: 5px;
}
/* End of DatePicker Styles */ 

/* Message Styles */
.AlertText
{
	color: #DD1111;
}
.AlertContainer
{
	background-color: #efdddd;
	border: solid 1px #DD1111;
	margin: 3px 0;
	padding: 10px; 
}
.InfoText
{
	color: #1111DD;
}
.InfoContainer
{
	background-color: #ddddef;
	border: solid 1px #1111DD;
	margin: 3px 0;
	padding: 10px; 
}
.AlertMessageImg
{
	margin-right: 10px;
	vertical-align: middle;
	background-image: url(Images/Message/exclamation.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;	
}

.InfoMessageImg
{
	margin-right: 10px;
	vertical-align: middle;
	background-image: url(Images/Message/information.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;	
}
/* End of Message Styles */

/* LControl Styles */
.LCtrl
{
	display: inline;
	vertical-align: top;
}
.LCtrlLabelH
{
	padding: 4px 10px 4px 0;
	text-align: right;
	vertical-align: top;
}
.LCtrlLabelV
{
	padding: 4px 10px 4px 0;
	text-align: left;
}
.Instructions
{
	font-size: 8pt;
}
/* End of LControl Styles */

/* Grid Styles */
.Grid 
{ 
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 0px;
}

.GridAddItemLink
{
	margin-top: 5px;
	display: block;
}

.GridHeader
{
	background-color: #D2D2D2;
}

.GridFooter
{
	height: 27px;
	background-color: #D2D2D2;
}

a.SortLink
{
	float: left;
	text-decoration: underline;
	cursor: hand;
}

.HeaderCell
{
	background-color: #D2D2D2;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	padding: 3px;

	border-right: inset 2px #ffffff;
	white-space: nowrap;
}
.CommandCell
{
	padding: 3px 20px 3px 3px; 
	background-color: #D2D2D2;
	border-style: inset;
	border-width: 2px;
	border-color: #FFFFFF;
	width: 1%;
}
.Row 
{ 
	background-color: #E1E3EC;
}
.AlternateRow 
{ 
	background-color: #FFFFFF;
}
.SelectedRow 
{ 
    color: #FFFFFF;
    background-color: #424e88;
}
.SelectedRow .Link, .SelectedRow a
{
    color: #FFFFFF;
}
.HoveredRow
{
	background-color: #FFEEC2;
}
.Row:hover, .AlternateRow:hover
{
	background-color: #FFEEC2;
}
.ClickableRow:hover
{
	cursor: hand;
}
.EmptyRow
{
	height: 25px;
}

.SortAscending
{
	width: 16px; 
	height: 16px;
	vertical-align: top;
	background-image: url(Images/Grid/arrow_up.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

.SortDescending
{
	width: 16px; 
	height: 16px;
	vertical-align: top;
	background-image: url(Images/Grid/arrow_down.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

.DataCell 
{ 
	padding: 1px 3px 1px 3px; 
	border-bottom: solid 1px #7981AA;
	font-size: 8pt;
	/*word-break: break-all;*/
} 

.SelectableDataCell 
{ 
	padding: 3px; 
	border-bottom: solid 1px #7981AA;
	font-size: 8pt;
} 
.DataRow td.FirstDataCell 
{ 
	padding-left: 3px; 
} 
.SelectedRow td.DataCell 
{ 
	padding: 3px; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	font-size: 8pt;
	border-right: 0px; 
}
.SelectorCell 
{ 
	background-color: #E2E2E2; 
	border: 1px solid #FFFFFF; 
	border-right-color: #B5B5B5; 
	border-bottom-color: #B5B5B5; 
}

.Pager
{
	cursor: default;
	padding: 5px;
}
.Pager a 
{
	font-weight: bold;
	border: solid 1px #696969;
	padding: 1px;
}

.Pager a:hover
{
	border: solid 1px white;
}

.Pager td
{
	padding: 5px;
}

.Pager span
{
	border: solid 1px #696969;
	padding: 1px;
}

.Pager div
{
	display: inline;
}

.PagerText
{ 
	font-size: 11pt; 
}

.GridLoading
{
	 padding-top: 5px; 
	 margin: 25px 0px 0px 1px;
	 background-color: white; 
	 display:none; 
	 position: absolute;
}
/* End Grid Styles */

/* TabStrip Styles */
.TopLevelTabStrip
{
	border-bottom: solid 2px #424E88;
}

.TopLevelTab 
{
  cursor: default;
  background-image: url(Images/TabStripMenu/tab_content_inactive.jpg);
  color: gray; 
  font-family: Arial, Helvetica, Sans-Serif; 
  font-size: 10pt; 
  text-decoration: none;
  white-space: nowrap;
}
.TopLevelTab a
{
  color: #000066; 
  font-family: Arial, Helvetica, Sans-Serif; 
  font-size: 10pt; 
  text-decoration: none;
  white-space: nowrap;
}
.TopLevelTab a:hover
{
  text-decoration: underline;
}

.TopLevelTabSelected
{
  cursor: default;
  color: #ffffff;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  text-decoration: none;
  white-space: nowrap;
  background-image: url(Images/TabStripMenu/tab_content_active.jpg);
  background-color: #424e88;
}
.TopLevelTabSelected a
{
  color: #ffffff;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  text-decoration: none;
  white-space: nowrap;
}

.Level2Tab 
{
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  cursor: default;
  color: #B1B7CD;
  background-color: #424e88;
  white-space: nowrap;
  border-width: 0px;
  padding: 1px 8px 3px 3px;
  width: 100%;
}

.Level2Tab a 
{
  font-family: Verdana; 
  font-size: 9pt;
  font-weight: bold;
  color: #B1B7CD;
  white-space: nowrap;
  text-decoration: none;
}


.Level2Tab a:hover 
{
  color:#ffffff;
  text-decoration: underline;
}

.Level2TabSelected
{
  font-family: Verdana;
  font-size: 9pt; 
  font-weight:bold;
  color: #ffffff;
  background-color: #424e88;
  border-width: 0px;
  white-space: nowrap;
  padding:  1px 8px 3px 3px;
}
/* End TabStrip Styles */

/* Modal Dialog Styles */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 300;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmdBody {
  padding: 7px 7px 7px 7px;
  overflow: hidden;
  clear:both;
}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

.DialogHeader
{
	background-color: #424e88;
	padding: 3px 5px 3px 5px;
	color: White; /*#FFEEC2;*/
}

.DialogHeaderText
{
	font-size: medium; 
	font-weight: bold; 
	word-wrap: break-word;
}
/* End Modal Dialog Styles */

/* Breadcrumb Styles */
.Breadcrumb
{
	padding: 2px 5px 2px 5px;
	background-color: #E1E3EC;
	border-bottom: 1px solid black;
	color: #000066;
}
/* End Breadcrumb Styles */

/* Button Styles */
.Buttons
{
	margin: 2px;
	width: 75px;
}
/* End Button Styles */

.ErrorIcon
{
	padding-left: 2px;
}

.ValidationSpacer
{
	width: 16px;
}