body, .formField, input {
	font-family: Calibri, Segoe UI, Corbel, Arial, Helvetica, sans-serif;
}

body {
	background: white;/*rgb(0, 63, 119);*/
	font-size: 10pt;
}

#container {
	border: none;
}

#footer {
	border: none;
	background: none;
	color: whitesmoke;
}
.contentPanel {
	overflow: hidden;
	margin-bottom: 24px;
}

.contentPanelHeader, .contentPanelDetail {
	min-height: 86px;
}

.contentPanelHeader {
	float: left;
	width: 80px;
	font-size: 64px;
	font-weight: bolder;
	color: yellow;
	background: none;
	/*border: 1px dotted yellow;*/
	height: auto;
	text-align: right;
	margin-top: 9px;
}

.contentPanelDetail {
	margin-left: 102px;
	border-radius: 25px;
	background: white;
}

.contentPanelDetail2 {
	margin-left: 102px;
	border-radius: 25px;
	background: rgb(0, 63, 119);
}

table.title {
	vertical-align: central;
}

table.form.registration {
	margin-left: 86px;
}

.step1Icon, .step2Icon, .step3Icon, .step4Icon
{
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 76px;
	height: 61px;
	background-position-y: center;
}

.step1Icon { background-image: url('Images/step1.png'); }
.step2Icon { background-image: url('Images/step2.png'); }
.step3Icon { background-image: url('Images/step3.png'); }
.step4Icon { background-image: url('Images/step4.png'); }

.contentPanelDetail h1 {
	/*margin-left: 12px;*/
	color: rgb(31, 73, 125);
}

.contentPanelDetail2 h1 {
	/*margin-left: 12px;*/
	color: white;
	text-align:center;
}

td.formField label {
	font-variant: normal;
	font-size: 1.4em;
	font-weight: bold;
	color: rgb(31, 73, 125);
}

input {
	font-size: 1.4em;
}

.helper-text {
	clear: both;
	color: rgb(31, 73, 125);
}

.readonly  {
    background-color:#eee;
}
/*
#container {
    width:900px;
}
*/
.hidden  { display:none; }
.deleteIcon {        
    width:16px;
    height:16px;
    cursor:pointer;    
    float:left;
    background: url(Images/icon_delete.png) no-repeat left;
}
.uploadIcon {        
    width:20px;
    height:20px;
    cursor:pointer;    
    float:left;
    background: url(Images/icon_upload.png) no-repeat left;
}
.contentPanelDetail  {
    padding:0;
}
TD.formData2 {
    width: 350px;
}
#textLogo  {  
  padding: 30px 0 0 10px;  
}

#textLogo h1 {
  color: #FFFFFF;
  font: 200%/100% Sansation, "Lucida Grande",Arial,sans-serif;
  margin: 0;
  position: relative;
  font-variant:small-caps;
  font-weight:bold;
}

.iconLogo {    
    margin: 3px 0 0 20px;
    float:left;
    width:70px;
    height:80px;    
    /*background: url(Images/icon_application.png) no-repeat left;*/
}
.detailIcon
{    
    width:43px;
    height:46px;    
    background: url(Images/icon_detail.png) no-repeat left;
}
.headerIcon
{    
    width:43px;
    height:46px;    
    background: url(Images/icon_header.png) no-repeat left;
}

.requesterIcon
{    
    width:43px;
    height:46px;    
    background: url(Images/icon_requester.png) no-repeat left;
}

.adhocIcon
{    
    width:43px;
    height:46px;    
    background: url(Images/icon_adhoc.png) no-repeat left;
}

.commentIcon
{    
    width:43px;
    height:46px;    
    background: url(Images/icon_commenthistory.png) no-repeat left;
}

.sapIcon
{    
    width:47px;
    height:46px;    
    background: url(Images/icon_sapmessage.png) no-repeat left;
}
.loadingSpan
{    
    width:16px;
    height:16px;    
    float:left;
}

.ui-loading-bar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; 
    z-index: 1003;
    background: #464543 url("Images/loading-bar.gif") no-repeat center;
    filter: alpha(opacity=70);  /* for IE */
    opacity: 0.7;               /* for Firefox */
}
pre {
    font-family: Segoe Condensed UI,Arial,sans-serif;
    font-size:9pt;
    margin:0;    
}

input.text-box, textarea {
    width: 300px;
}

#submitForm textarea#K2Comment {
    width: 100%;
}

#submitForm select {
    width: 238px;
}

.currency {
    text-align:right;    
}

#submitForm input.numeric {
    text-align:right;
    width: auto;
}

input.ui-button {
    padding: 2px 5px 2px 5px;
}

.subheaderText {
    text-shadow:2px 2px 2px #000;
    width:auto;
}

.contentPanelIcon  {
    width:auto;
}

.material-cell td {
    line-height:normal;
    border:none;
}

td.scrollable
{
    border-color: #6699CC;
    border-left:none;
    border-width: 1px;
    border-style: solid;
    float: left;
    overflow: auto;
}
.nowrap {    
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.lightLink
{
    color: #cc0000;
    text-decoration: none;
    cursor: pointer;
}

.lightLink:hover
{
    color: #cc0000;
    text-decoration: underline;
}
.input-validation-error
{
  border: 2px ridge #f00;
  background-color: rgb(255, 192, 203);
}
TD.formData SPAN.field-validation-error, .field-validation-error
{
  color: #cc0000;
  font-size: 12px;
  clear: both;
  display: block;
  font-style: italic;
}
.t-grid-content {
    max-height: 400px;
    height: auto !important;
}

.t-icon-calendar {
    text-indent: -100px;   
}