body { 
    margin:0;
    color: #667;
    background-color: #bcd;
    text-align: center;
    font: 12pt sans-serif;
}

h1 {
    font: 14pt sans-serif;
}

a { color:#00F; }
a:visited { color: #306; }
a:hover { color:#900; }
a:active { color: #009; }

.page_title {
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.1em;
    background: #EEF;
    margin: 0;
    padding: 12px 0 10px 0;
    border-bottom: 2px solid #346;
    background: url("../images/head-background.png") left top repeat-x #203a62;
}

.background_image {
	background: #FFF;
	padding: 5px;
}

div.content {
	width:95%;
	background:#FFF;
	margin: 4px auto;
	border-right: 2px solid #9AB;
	border-bottom: 2px solid #9AB;
}


div.text-inner { margin:10px; border:1px solid #FFF; }

table {
	width:100%;
    padding: 0;
    margin: 0 auto;
    clear: both;
}

td {
    text-align: left;
    padding:4px 8px;
    background: #FFF;
    vertical-align:top;
}

.lv_table td, .clv_table td {
    vertical-align: bottom !important;
}

.lv_table td a, .clv_table td a {
	display:block;
	text-decoration:none;
	padding:0 5px 2px 5px;
	border-bottom:1px dotted #00F;
}

.lv_table td a:hover, .clv_table td a:hover {
	padding:2px 3px 0 7px;
	border-bottom:1px solid #900;
}

.lv_table td a:active, .clv_table td a:active {
	padding:1px 3px 0 7px;
	border-bottom:2px solid #009;
}

ul {
    text-align: left;
    padding: 0;
    margin: 4px 0;
}

ul.ilv_list { width:95%; margin:6px auto; }

ul.ilv_list li {
	list-style: none; margin: 0 0 2px 0;
	background:url("../images/list-item-corner.png") left top no-repeat #FFF;
}

ul.ilv_list li a {
	text-decoration: none; display: block;
	background: url("../images/arrow.png") center right no-repeat;
	border-right: 2px solid #9AB;
	border-bottom: 2px solid #9AB;
	padding: 6px 12px 6px 12px;
}

ul.ilv_list li a img { padding-right:15px; background:#FFF; text-decoration:none; margin:-2px 0 -6px -2px; }

ul.ilv_list li a:hover {
	text-decoration: underline;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	padding: 7px 10px 5px 14px;
}

ul.ilv_list li a:active {
	text-decoration: underline;
	border-right: 2px solid #009;
	border-bottom: 3px solid #009;
	padding: 7px 10px 4px 14px;
}

pre {
    font: 12pt sans-serif;
    text-align: left;
    overflow-x: auto;           /* scroller, best solution for FF 2 */
    white-space: pre-wrap;      /* css 3 */
    white-space: -moz-pre-wrap !important;
                                /* Mozilla since 1999 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE 5.5+ */
}

ul.snippet_list {
  width: 95%;
  background: white;
  margin: 10px auto 10px auto;
  list-style: none;
}

ul.snippet_list a {
  text-decoration: none;
}

ul.snippet_list span {
  margin-left: 10px;
  margin-right: 10px;
}

ul.snippet_list span.snippet_headline {
  font-weight: bold;
  display: block;
  text-decoration: underline;
}

ul.snippet_list li {
  border-bottom: 1px dotted #444444;
  padding-bottom: 10px;
  padding-top: 10px;
}

ul.snippet_list span.snippet_brief {
  display: block;
  text-indent: 10px; 
  padding-top: 2px;
}

.ilv_page_icon {
   width: 24px;
   height: 24px;
   border: 0px;
}

.header_image, .footer_image {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}

.lv_table td, .clv_table td {
    vertical-align: bottom;
}

.top_controls {
  float: left;
  padding-top: 14px;
  padding-left: 4px;
}

.top_controls img {
  border: 0px;
}

.page_controls {
    float: right;
}

.page_control {
    border: 2px solid #ddd;
    padding: 2px;
    display: block;
    float: left;
    margin: 5px;
}

.page_control_ellipses {
    display: block;
    float: left;
    vertical-align: bottom;
    line-height: 37px;
}

span.page_control {
    color: #fff;
    background-color: #ddd;
}

a.page_control {
    text-decoration: none;
}

a.page_control:hover {
    text-decoration: underline;
}