/* GLOBAL RESET -------------------------------- */
html * 		{ margin: 0px; padding: 0px; font-family: inherit; }
a:link,
a:focus,
a:hover,
a:active,
a:visited	{ outline: none; }
img 		{ border: none; }
table 		{ border-collapse: collapse; border-spacing: 0; }
ol, ul		{ list-style: none; }
th			{ text-align: left; }

/* GLOBAL FONTS -------------------------------- */
html, body { height: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; }
body * { font-size: inherit; }

body { margin: 10px auto 10px auto; padding: 0px 10px; text-align: center; }
a { color: #660033; text-decoration: none; }
a:hover { text-decoration: underline; }

/* LAYOUT CONTAINERS --------------------------- */
#layout { width: 960px; background: #FFFFFF; color: #222222; text-align: left; margin: auto; } /* IE does not like styling of body tag*/

.nav_bar { background: #000000; height: 20px; text-align: right; padding: 0px 20px;  }
.nav_bar, .nav_bar a { color: #FFFFFF; font-size: 11px; font-weight: bold; line-height: 20px; text-transform: uppercase; padding-left: 20px; }

#layout_top_nav { margin-bottom: 5px; }
#layout_logo_container { margin-bottom: 5px; }
#layout_bottom_nav { margin-bottom: 10px; }


#layout_left_column		{ float: left; width: 200px; padding-right: 20px; font-size: 11px; } /* adds up to 220*/
#layout_center_column	{ float: left; width: 440px; background-image: url('/images/gray_gradient.gif'); background-repeat: repeat-x; background-position: bottom center; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
#layout_right_column	{ float: left; width: 260px; padding-left: 20px; font-size: 11px; } /* adds up to 300*/

.layout_column {  }
.layout_column h1 { color: #CC0000; font-size: 22px; font-weight: bold; margin-bottom: 10px; }

#layout_left_column h2,
#layout_right_column h2 { background-color: #CC0000; color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; padding-left: 10px; margin-bottom: 5px;  }

#layout_right_column ul li { border-bottom: 1px dotted #BBBBBB; line-height: 20px; }


#layout_left_column .dtree>.dTreeNode { display: none; }


#layout_right_column .container { margin-top: 10px; }
#layout_right_column .container:first-child { margin-top: 0px; }

#layout_footer { padding: 5px 0px; font-family: Georgia, Tahoma, Verdana, sans-serif; }

#tbl_practices .Hotd_Form_Element_Checkbox { margin: 0 6px 0 0; }
#tbl_practices #row_page_ids td.field_input { padding-top: 8px; }

#admin_nav { font-size: 13px; }
.hidden { display: none; }
table.sortable tbody tr { cursor: row-resize; }
table.sortable tbody tr td { padding: 3px; border-bottom: 1px dashed #fff; }

#flash {
  position: absolute;
  top: 200px;
  left: 50%;
  margin: 0 0 0 -210px;
  width: 400px;
  height: auto;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #444;
  border: 2px solid #000;
  background: #fff;
  -moz-box-shadow: 5px 5px 10px #444;
  -webkit-box-shadow: 5px 5px 10px #444;
  box-shadow: 5px 5px 10px #444;
  display: none;
}

#prev-next { margin: 15px 0 0 0; }
#prev-lesson { float: left; }
#next-lesson { float: right; }
.grey { color: #888; }
.clear { clear: both; }
#pages-title  { font-size: 18px; font-weight: bold; margin-bottom: 5px; }