* {
	padding: 0;
	margin: 0;
}

/*** FONTS and COLORS ***/

body, h1-h6, table, tr, td, input, submit, button, textarea, select  {
	font-family: Verdana, Sans-serif;
} 

html {
	height:100%;
}

body { 
	font-size: 13px;
	background-color: #4F4F4F;
	/*background-color: #C0D0DA;*/
	height:inherit; /*Inherits height from html tag*/
} 

h1 {
	text-align:center;
}

h1#platform_title {
	color:white;
	font-size:28px;
}

h1#greeting {
	color: #43769d; 
	font-size: 26px; 
}

h3 {
	font-size:11pt;
}
 
 div#login_form{
	 background-color:white;
 }

.bold {
	font-weight:bold;
}

button#submitBtn {
	background: #32cd32;
	border-color: #32cd32;
	color:white;
}

button#forgotBtn {
	background: #0187fe;
	border-color: #0187fe;
	color:white;
}

span#error_msg {
	color:red;
}

span#success_msg {
	color:green;
}

/*** LAYOUT ***/
.hidden {
	display:none !important;
}

div#page_content {
	display:flex;
	 justify-content: center;
	align-items: center;	
	margin:1%;
	padding:10px;
	height:80%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 -khtml-border-radius: 5px;
	 border-radius: 5px;
}

div#login_form {
	padding:10px;
	width:700px;
	height:270px;
	border: 5px solid #C0D0DA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 -khtml-border-radius: 5px;
	 border-radius: 5px;
	 margin-top:5px;
	text-align: center;
}

h1, h3 {
	text-align:center;
}

h3 {
	padding-top:10px;
}

div.fields {
	padding-top:5px;
	padding-bottom:20px;
	padding-right:15%;
	padding-left:15%;
}

input.credentials {
	width:90%;
	height:35px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 -khtml-border-radius: 5px;
	 border-radius: 5px;
	 margin-bottom:10px;
	 padding-left:10px;
	 padding-right:10px;
	 background-color:lightgray;
}

button#submitBtn, button#forgotBtn{
	width:47%;
}

span#error_msg {
	display:inline-block;
	width:97%;
	text-align:center;
	margin-top:10px;
}

span#success_msg {
	display:inline-block;
	width:97%;
	text-align:center;
	margin-top:10px;
}

/*** Pseudo class UI style overrides ***/

input.credentials:disabled {
	 background-color:#a9a9a9;
}

button#submitBtn:hover {
	color:white;
	border-color:#228b22;
	background:#228b22;
}

button#forgotBtn:hover {
	color:white;
	border-color:#295ad6;
	background:#295ad6;
}

button#submitBtn:disabled, button#forgotBtn:disabled  {
	border-color:grey;
	background:grey;
	cursor:default;
}

button#submitBtn:disabled:hover, button#forgotBtn:disabled:hover {
	border-color:grey;
	background:grey;
}

/*** jQuery UI style overrides ***/

.ui-widget,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager
{ 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
}

input.ui-button { 
	padding: 0px 7px 0px; 
}

/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
.ui-datepicker-trigger { margin-left:5px; margin-top: 8px; margin-bottom: -3px; cursor: pointer; }

.accept, 
.ui-dialog-buttonset .accept, 
.add 
{
	background: #43769d url(../images/bg-button-go.png) 50% 50% repeat-x;
}

.accept:hover, 
.add:hover
{
	background: #37a5ff url(../images/bg-button-go-hover.png) 50% 50% repeat-x;
}

.accept:disabled {
	cursor:default;
	background: #a3a1a0 url(../images/bg-button-go-hover.png) 50% 50% repeat-x;
	border: 1px solid #878482; 
}

.accept:disabled:active {
	background: #a3a1a0 url(../images/bg-button-go-hover.png) 50% 50% repeat-x;
}

.cancel
{
	background: #c9c9c9 url(../images/bg-button-cancel.png) 50% 50% repeat-x;
}

.cancel:hover
{
	background: #d6cfca url(../images/bg-button-cancel-hover.png) 50% 50% repeat-x;
}

.accept, 
.ui-dialog-buttonset .accept, 
.cancel, 
.ui-dialog-buttonset .cancel, 
.add 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}

.accept, 
.ui-dialog-buttonset .accept, 
.add 
{ 
	border: 1px solid #1d3fff; 
	font-weight: bold; 
	color: #ffffff; 
}

.cancel, 
.ui-dialog-buttonset 
.cancel 
{ 
	border: 1px solid #cfcdcd; 
	font-weight: bold; 
	color: #777777; 
}

.accept:active, 
.cancel:active, 
.add:active 
{
	background-image: none;
	background-color: black;
	color: white;
}

.add {
	vertical-align: middle;
	padding: 0;
	height: 2em;
}

.add-link .add span {
	line-height: 1.2;
}

.add-link img {
	vertical-align: text-top;
}

.cancel, 
.accept 
{
	vertical-align: middle;
	padding: 0;
	min-height: 2.5em;
	margin: auto;
	display: inline-block;
}

.actions .ui-button {
	min-width: 0;
	width: 18px;
	height: 20px;
	vertical-align: middle;
	margin-right: 2px;
}

.value input[type="text"]
{
	padding: 0.2em 0.3em;
}

input[type="text"]:disabled {
	background-image: none;
}

.ui-button {
 min-width: 7em;
}