body {
  /*background-image: url(/media/images/background_y_repeat.jpg);*/
  font-size: 0.8em; font-family: Georgia, serif;
  background-repeat: repeat-x; background-color: #8084AD; color: #000;
  /*background-color: rgb(133,214,251);*/
  margin: 0; padding: 0;
}

a, a:visited { text-decoration: none; color: #06C; }
a:hover { color: #000; background-color: #eee; text-decoration: underline; }

hr { color: #fff; background-color: #ccc; height: 1px; border: 1px dashed #000; }

.BodyContainer {
  color: #000; background: #fff url(/media/images/logo.gif) no-repeat 5px 10px;
  border: 1px solid #555; border-bottom-color: #ccc; border-top: none;
  padding: 0; margin: 0 auto;
  width: 650px; height: 700px; height /**/: auto;
}

#UserInfo {
  width: 350px; height: 85px;
  color: #777; background-color: #fff;
  float: right; clear: both; display: inline;
  text-align: right;
  margin: 3px 10px 0 2px; padding-top: 2px;
}

#UserInfo form { margin: 0; padding: 0; }

.HeaderNavigation {
  clear: both;
  background: #303F5A; color: #fff;
  font-family: verdana, sans-serif;
  text-align: right;
  font-size: 12px; font-weight: bold;
  padding: 0 10px 0 0;
  margin: 90px 0 5px 9px;
  width: 621px; height: 26px;

  /*
  The HeaderNavigation is pushed down using the UserInfo
  layer. So if you want to push farther down then 
  increase the height of UserInfo layer.

  The following margin definition is mainly for Opera. DO
  NOT COMMENT IT!
  */
  margin /**/: 5px 0 5px 9px;
}

.HeaderNavigation ul {
  float: right;
  height: 21px;
  padding: 5px 0 0 0; margin: 0;
  list-style: none;
}

.HeaderNavigation li { padding: 0; margin: 0; display: inline; }
.HeaderNavigation li.selected a { background: #fff; color: #000; }

.HeaderNavigation a, .HeaderNavigation a:visited {
  color: #fff;
  background: #303F5A;
  margin: 0;
  padding: 6px 7px 7px 7px;
  text-decoration: none;

  padding-top /**/: 5px;
  /*padding **: 5px 7px 7px 7px;*/
}

.HeaderNavigation a:hover {
  padding: 5px 7px 7px 7px;
  margin: 0;
  background: #fff;
  color: #000;
  text-decoration: none;

  padding-top /**/: 5px;
  /*padding **: 5px 7px 7px 7px;*/
}

.index .HeaderNavigation { background: #303F5A; color: #fff; }
.news .HeaderNavigation { background: #30305A; color: #fff; }

.c_shahablab__a_lab_news #nav_shahablab_lab_news,
.c_shahablab__a_medical_news #nav_shahablab_lab_news,
.c_instrument #nav_instrument_list,
.c_shahablab__a_about_us #nav_shahablab_about_us,
.c_shahablab__a_contact_us #nav_shahablab_contact_us,
.c_procedure__a_list #nav_procedure_list,
.c_shahablab__a_index #nav_shahablab_index {
  background: #fff;
  color: #000;
}

.HeaderNav_TopLeft {
  float: left;
  position: relative;
  left: -2px;
  top: -3px;
}

.HeaderNav_TopRight {
  float: right;
  position: relative;
  top: -3px;
  right: -446px;

  top /**/: -3px;
  right /**/: -444px;
}

.HeaderNav_BottomLeft {
  float: left;
  position: relative;
  left: -13px;
  top: 18px; 
}

.HeaderNav_BottomRight {
  position: relative;
  right: -456px;
  top: 15px;

  /* IE fix */
  right /**/: -454px;
  top /**/: 15px;
}

.PageImageContainer {
  margin: 0 auto 15px auto;
  padding: 0;
  color: #fff;
  background: #576987;
  width: 97%;
  height: 111px;
}

.PageImage {
  float: right;
  border-left: 2px solid #fff;
}

.PageImage_TopLeft {
  float: left;
  position: relative;
  left: -2px;
  top: -3px;
}

.PageImage_BottomLeft {
  float: left;
  position: relative;
  left: -13px;
  top: 103px;
}

#Sidebar {
  float: right;
  top: 245px;
  padding: 85px 4px 2px 15px;
  margin: 0 7px 0 10px;
  width: 185px;
  height: 420px;
  background: #fff url(/media/images/Clipboard.gif) no-repeat 0 0;
  color: #666;
  /*border: 1px dashed #ccc;*/
  /*height: 200px;*/
}

#Sidebar h1 {
  /*background-color: #fff;
  color: #555;*/
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 2px 0;
  margin: 0;
}

#Sidebar h2 {
  /*color: #555;
  background-color: #fff;*/
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding-left: 4px;
  /*border-left: 5px solid #ccc;*/
}

#Sidebar span {
  /*color: #555;
  background-color: #fff;*/
  display: block;
  padding-bottom: 6px;
  padding-left: 12px;
  margin: 0;
  /*border-left: 5px solid #ccc;*/
}

#Sidebar .Navigation { margin-top: 3px; padding-top: 0; padding-left: 0; margin-left: 0; }
#Sidebar .Navigation li { margin: 0; padding: 0 0 10px 0; list-style: none; }
#Sidebar .Navigation .Current { padding-left: 22px;
  background: url(/media/images/Check_Uncheck.gif) no-repeat 0 -15px;
}

#Sidebar .Navigation a { padding-left: 22px; text-decoration: none;
  background: url(/media/images/Check_Uncheck.gif) no-repeat 0 0;
}

#Sidebar .Navigation a:hover { color: #000;
  background-position: 0 -15px;
  background-color: #fff;
  text-decoration: underline;
}

#BodyContents { padding: 0 10px; margin: 0 10px; min-height: 500px; }

/*.NoSidebar #BodyContents {
  margin-left: 10px;
  border: 1px solid red;
}*/

.EditPageNodeForm textarea {
  /*background-color: #9CF;*/
  border: 1px solid #ccc;
  padding: 3px;
  /*font-family: "Courier New";*/
  font-size: 14px;
}

.EditPageNodeForm select {
  /*background-color: #9CF;*/
  margin: 2px;
  padding: 2px;
  border: 1px solid #ccc;
}

/* Special rules for pages that need complete page width
.totalWidthPage #Sidebar {
  display: none;
}

.totalWidthPage .BodyContents {
  padding-left: 10px;
} */
/* End of special rules for the profile page */

#BodyContents h1 { margin: 5px 0; padding-bottom: 3px; }

.Footer {
  background-color: #284B87;
  color: #fff;
  margin: 30px 15px 0 180px;
  padding: 5px 5px 3px 5px;
  text-align: right;
  width: 450px;
}

.Footer a, .Footer a:visited { background-color: #284B87; color: #ddd; }
.Footer a:hover { background-color: #284B87; color: #fff; }

.Footer_BottomCorners { margin: 0 15px 20px 180px; width: 460px; }

.Footer_TopLeft, .Footer_BottomLeft, .Footer_TopRight, .Footer_BottomRight {
  padding: 0; border: 0;
  z-index: 99; position: relative;
}

.Footer_TopLeft , .Footer_BottomLeft  { float: left;  clear: both; }
.Footer_TopRight, .Footer_BottomRight { float: right; clear: right; }
.Footer_TopLeft     { margin: -5px  0 0 -7px; }
.Footer_TopRight    { margin: -5px -6px 0  0; }
.Footer_BottomRight { margin: -8px  0 0  1px; }
.Footer_BottomLeft  { margin: -8px  0 0 -2px; }

.Paginator {
  border-bottom: 1px dashed #eee;
  margin-top: 15px;
  margin-bottom: 25px;
  padding: 2px;
  display: block;
}

.NewsPreview { padding-bottom: 20px; }

.NewsPreview h2 {
  margin: 5px 0 2px 0;
  padding: 0;
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
}

.NewsPreview p {
  margin: 0;
  padding: 0 0 0 5px;
}

.flashNotice { font-weight: bold; padding: 5px; margin: 0 0 5px 0; border: 1px solid #c00; }
.flashNotice p { margin: 2px; }

.EditingLinks { float: right; border: 1px dashed #f00;
  padding: 4px; margin: 5px;
  background-color: #eee; color: #000;
}

.EditingLinks a.edit { background: url("/media/images/edit.gif") no-repeat 0 5px; padding: 5px 5px 5px 20px; }
.EditingLinks a.delete { background: url("/media/images/delete.gif") no-repeat 0 5px; padding: 5px 5px 5px 20px; }

.ProcedurePreview0 { padding: 5px; }
.ProcedurePreview1 { padding: 5px; background-color: #ccc; color: #000; }
.ProcedurePreview1 a { color: #06C !important; background-color: #ccc !important; }

.InputForm { margin: 10px 0 0 3px; }
.InputForm .Row { /*clear: both;*/ padding-top: 5px; margin-bottom: 5px; }

div.fieldErrors { color: #f00; padding: 3px 0 5px 0; }
div.fieldErrors ul { list-style: none; margin: 0; padding: 0; }

.InstrumentPicture { }

.InstrumentThumbnail {
  /*width: 100px;*/
  border: 0;
  padding: 2px;
  margin: 2px;
  /*height: 100px;*/
  float: left;
}

.InstrumentDisplay { clear: both; }
.InstrumentDisplay .Description { }
.LoginForm input { font-size: 10px; margin-top: 5px; }

#loginMessage { color: red; }

.TypeVerification { border: 1px dashed #ccc; padding: 3px 3px 5px 3px; margin-bottom: 15px; }

.ValidatorImage { padding: 6px 5px 0 0; border: none; }

.TestSearchTabPage a { background: #ddd !important; color: #06C !important; }
.TestSearchTabPage h3 { padding: 0; margin: 5px 0; }

.TestSearchTabPage {
  width: 400px;
  background: #ddd; color: #000;
  margin: 0; padding: 5px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

#ProceduresTable {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 15px solid #ccc;
  width: 100%;
}

.ProcedureDetailDiv { display: inline; }

/* Start pagination */
.pagination { background: #eaeaea; padding: 5px; margin: 10px 0; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; }
.pagination a { border: 1px solid white; padding: 1px; background-color: white; }
.pagination .disabled { color: gray; }
.pagination .current { font-weight: bold; }
/* End pagination */

label.required { font-weight: bold; }
.formTable td { padding: 2px; vertical-align: top; }
.formTable td.detailLabel { font-weight:bold; color:#666; padding-right:10px;}
table.formTable tr > td:first-child { width: 200px; }
.formTable label { float: right; vertical-align: middle; }
label.required { font-weight: bold; }
.formTable label.noFloatLabel { float:none; }
.formTable .divider td { border-top:2px solid #666; }

.crudControls { width:100%; text-align:right; border-top:2px solid #8084AD; padding-top:5px; }
input.styledButton { font-size:1.2em; font-weight:bold; color:#666;
	padding: 2px 3px 2px 20px;
	margin: 5px 0;
	border: 1px solid #999; border-top: 1px solid #bbb; border-left: 1px solid #bbb;
	background: #eee; background-repeat: no-repeat; background-position: 2px center;
	cursor:pointer;
}
input.add { background-image: url("/media/images/buttons/add.gif"); }
input.save { background-image: url("/media/images/buttons/accept.gif"); }
input.cancel { background-image: url("/media/images/buttons/cancel.gif"); }
input.delete { background-image: url("/media/images/buttons/delete.gif"); }

table.dataTable { width: 100%; border: 1px solid #ccc; }
table.dataTable th { padding: 3px; border-bottom: 2px solid #bbb; }
table.dataTable td { padding: 3px; }
table.dataTable tr.even { background-color: #ddd; }
table.dataTable tr.odd { }
tr.newReport { background-color: #FDEFE4 !important; }

.userPanelFlyLayer { border: 1px solid #aaa; padding: 5px; margin: 2px 0 10px 0; }

.newReportNotification { margin: 10px 0; border: 2px solid #FC8A2A; padding: 5px; font-size: 1.2em }

p.helpText { margin: 0; padding: 0; color: #858585; font-family: sans-serif; }