/* Element-specific Definitions */


/* Class Definitions */
.login-form
{
    width: 500px;
    background: #f5f7f8;
}

.center-table
{
    margin-left: auto;
    margin-right: auto;
}

/* Related Classes Definitions */
.gradient-style
{
	font-size: 12px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}
.gradient-style-noncenter
{
	font-size: 12px;
	text-align: left;
}

.gradient-style-center
{
    font-size: 12px;
    text-align: center;
}

.gradient-style a, .gradient-style-noncenter a, .gradient-style-center a
{
  text-decoration: none;
  color: #15450a;
}

.gradient-style th, .gradient-style-noncenter th, .gradient-style-center  th
{
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background: url("../images/style/th_gradient.jpg") repeat scroll 0 0;
	border: 1px solid #8ddf7a;
	color: #15450a;
}

.gradient-style td, .gradient-style-noncenter td, .gradient-style-center td
{
	padding: 8px; 
	color: #15450a;
	border: 1px solid #8ddf7a;
	background: url("../images/style/td_gradient.jpg") repeat scroll 0 0;
}

.gradient-style-orthodontic th
{
	font-size: 12px;
	font-weight: bold;
	background: url("../images/style/th_gradient.jpg") repeat scroll 0 0;
	border: 1px solid #8ddf7a;
	color: #15450a;
}
.gradient-style-orthodontic td
{
	color: #15450a;
	border: 1px solid #8ddf7a;
	background: url("../images/style/td_gradient.jpg") repeat scroll 0 0;
}

.gradient-style tbody td:hover, .gradient-style-noncenter tbody td:hover, .gradient-style-center tbody td:hover
{
	background: url("../images/style/td_hover_gradient.jpg") repeat scroll 0 0;
	color: #15450a;
}

.gradient-style .errorCell, .gradient-style-noncenter .errorCell, .gradient-style-center  .errorCell
{
	padding: 8px; 
	color: #db0909;
	border: 1px solid #fc1c0b;
	background: url("../images/style/td_error_gradient.jpg") repeat scroll 0 0;
}

.gradient-style .infoCell, .gradient-style-noncenter .infoCell, .gradient-style-center  .infoCell
{
	padding: 8px; 
	color: #0918db;
	border: 1px solid #160bfc;
	background: url("../images/style/td_info_gradient.jpg") repeat scroll 0 0;
}

.gradient-style .errorCell:hover, .gradient-style-noncenter .errorCell:hover, .gradient-style-center .errorCell:hover
{
	background: url("../images/style/td_hover_error_gradient.jpg") repeat scroll 0 0;
	color: #db0909;
}

.gradient-style .infoCell:hover, .gradient-style-noncenter .infoCell:hover, .gradient-style-center .infoCell:hover
{
	background: url("../images/style/td_hover_info_gradient.jpg") repeat scroll 0 0;
	color: #0918db;
}

.form-container 
{ 
    padding: 5px; 
    background-color: #FFF; 
    border: #09a8ea 1px solid; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.form-container form fieldset { margin: 10px 0; padding: 10px; border: #8ddf7a 1px solid; background: #c9edc2; }
.form-container form legend { font-weight: bold; color: #15450a; background: #fff; border: #8ddf7a 1px solid; padding: 4px;}
.form-container form fieldset div { padding: 0.25em 0; }

.sideMenu
{
  text-align:center;
  vertical-align: middle;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
  background: url("../images/style/sidemenu.jpg") repeat-x;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  height: 50px;
  width: 192px;
  padding: 2px;
  display: inline;
  margin-left: -10px;
  margin-right: auto;
  float: left;
  text-decoration: none;
}
.sideMenu a
{
  text-decoration: none;
  color: #fff;
  position: relative;
  vertical-align: middle;
}
.oneLiner a
{
  text-decoration: none;
  color: #fff;
  position: relative;
  top: 10px;
}

.sideMenuEnd
{
  background: url("../images/style/sidemenu_end.png");
  height: 50px;
  width: 12px;
  float: left;
}

.sideMenuSelected
{
  text-align:center;
  vertical-align: middle;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
  background: url("../images/style/sidemenu_selected.jpg") repeat-x;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  height: 50px;
  width: 192px;
  padding: 2px;
  display: inline;
  margin-left: -10px;
  margin-right: auto;
  float: left;
  text-decoration: none;
}
.sideMenuSelected a
{
  text-decoration: none;
  color: #fff;
  position: relative;
  vertical-align: middle;
}

.sideMenuEndSelected
{
  background: url("../images/style/sidemenu_end_selected.png");
  height: 50px;
  width: 12px;
  float: left;
}