/* start: default html styles */
body,html {
 position : relative;
}

body {
 margin : 0px;
 background-color : #000000;
 font-family : Trebuchet MS;
 font-size : 8pt;
 vertical-align : middle;
 text-align : center;
 z-index : 0;
}

html>body {
 text-align : -moz-center;
}

li {
 margin-left : 15px;
 text-indent : 0em;
}

form {
 display:inline;
}
table {
 padding : 0px;
 margin : 0px;
 border : 0px;
}
td {
 font-family: Trebuchet MS;
 font-size: 8pt;
 vertical-align:top;
}
a {
 text-decoration:none;
 color:black;
}
a:hover {
 text-decoration:underline;
}

span.bold {
 font-weight : bold;
}

span.newTag {
 color : red;
}

/* special class for png images */

img.png {
 behavior : url(/sites/generic/includes/ieHacks/pngHack.htc);
	border:0px;
}


a img.albumImage {
 border-width : 1px;
 border-color : #000000;
 border-style : solid;
 float : left;
 margin : 5px 10px 10px 0px;
}

/* end special class for png images */

/* end: default html styles */


/* start: Div Layout */

/* position : absolute;
 color : white;
 text-align : left;
 top : 0px;
 bottom : 0px;
 left : 0px;
 width : 50%;
 height : 100%;
 background : transparent url(/sites/meilibox/graphics/bodywrapgrad.gif) top left repeat-y; 
}

div.backgroundright {
 position : absolute;
 color : white;
 text-align : left;
 top : 0px;
 bottom : 0px;
 right : 0px;
 width : 50%;
 height : 100%;
 background : transparent url(/sites/meilibox/graphics/bodywrapgrad-reverse.gif) top right repeat-y; 
}*/
div.backgroundright,div.backgroundleft {
 display:none;
}

div.bodyDiv {
 position : relative;
 width : 850px;
 border : 1px solid #FFFFFF;
 margin : 5px 10px 5px 10px;
 background : #c8d3DC;
 z-index : 1;
}



div.page_header {
 position : relative;
 text-align : left;
 height : 50px;
 font-size : 24pt;
 color : #FFFFFF;
 width : 850px;
 padding-left : 10px;
 background-color : #4A4A4A;
}

div.bodyDiv>div.page_header {
 width : 840px;
}

div.page_vertMenu {
 position : relative; 
}

div.page_content {
 position : relative;
 width : 100%;
 background-color : transparent;
 vertical-align : top;
 margin-top : 0px;
 margin-bottom : 26px;
}

div.page_footer {
 position : relative;
 bottom : 0px;
 left : 0px;
 height : 16px;
 vertical-align : bottom;
 background : transparent;
 width : 100%;
 z-index : 1;
}

div.page_content_leftSideBar {
 display : inline;
 width : 160px; 
 height : 100%;
 background-color : transparent;
 padding-bottom : 50px;
 behavior: url(/sites/generic/includes/ieHacks/divFullHeightFix.htc);
}

div.page_content_mainContent {
 display : inline;
 width : 688px;
 background-color : transparent;
 vertical-align : top;
}

div.page_content_rightSideBar {
 display : none;
}

div.page_content>div.page_content_mainContent {
 text-align : -moz-center;
}
div.page_content>div.page_content_leftSideBar {
 display : table-cell;
}

div.page_content>div.page_content_mainContent {
 display : table-cell;
}

/* end of Div Layout */

/* start: id styles */

#firefox_image, #firefox_image img {
 position : absolute;
 bottom : 0px;
 left : 0px;
 z-index : 2;
 padding : 0px;
 margin : 0px;
	border:0px;
}

/* this is used to allow IE5.5+ to use png transparency */
#firefox_image img {
 behavior: url(/sites/generic/includes/ieHacks/pngHack.htc);
}

/* end: id styles */

/* div Styles */

pre.code {
 display: block;
 color: #a6003b;
 background-color:#b0c4d4;
 white-space : pre;
 margin-top:10px;
 margin-bottom:5px;
 margin-left:10px;
 padding:3px;
 min-height : 20px;
 max-height : 200px;
 behavior: url(/sites/generic/includes/ieHacks/divHeightFix.htc);
 width : 95%;
 overFlow:auto;
 border:1px solid black;
 text-indent : 0em;
}

div.codeTitle {
 display: inline-block;
 color: #c8d3DC;
 background-color:#3c5b7b;
 white-space : nowrap;
 margin-top:10px;
 margin-bottom:-10px;
 margin-left:10px;
 padding:3px;
 width:300px;
 max-width : 95%;
 border:1px solid black;
 border-bottom : 0px;
 white-space : pre;
}

div.note {
 display: block;
 background-color:#F8FFBF;
 border:1px solid black;
 /*behavior: url(/sites/generic/includes/ieHacks/divHeightFix.htc);*/
 margin-top:10px;
 margin-bottom:10px;
 margin-left:10px;
 padding:3px;
 width:95%;
}
div.note img {
 margin-right : 2px;
 float : left;
}

div.codeComment {
 display : inline;
 color : gray;
}

div.htmlTag {
 display : inline;
 color : blue;
}

/* end: div styles */


/* start: general layout Styles */

/* start: top menu bar and footer bar*/
div.topMenu_left, div.footer_left {
 position : relative;
 top : 0px;
 left : 0px;
 text-align : left;
}
div.footer_left {
 padding-left : 127px;
}
div.topMenu_right, div.footer_right {
 position : absolute;
 top : 0px;
 right : 0px;
 vertical-align : middle;
}
.topMenu_left, .topMenu_right, .topMenu, .footer_left,.footer_right,td.loginTD {
 background : #000000;
 font-size : 8pt;
 color : #96B5DA;
 height : 19px;
 padding-left : 5px;
 padding-right : 5px;
 white-space : nowrap;
 vertical-align : middle;
 padding-top : 0px;
 padding-bottom : 0px;
}

.topMenu_left, .topMenu_right {
 height : 21px;
 vertical-align : bottom;
}

.topMenu_left, .topMenu_right {
 color : #000;
 background-image : url(/sites/generic/graphics/tr_background.gif);
 background-color : transparent;
 border-bottom : 1px solid black;
 border-top : 1px solid black;
}

td.topMenu {
 color : #000;
 border-bottom : 0px;
 background : transparent;
}

.footer_left,.footer_right {
 height : 16px;
}

td.loginTD {
 background : transparent;
 padding-top : 2px;
 padding-bottom : -2px;
}

.topMenu A,.topMenu_left A,.topMenu_right A {
 color : #000;
 text-decoration : none;
}
 .topMenu_left A:hover,.topMenu A:hover, .topMenu_right A:hover {
 text-decoration : underline;
} 

TD.menuBar {
 font-size : 8pt;
 text-align : right;
 width : 100%;
 height:10px;
}
/* end: top menu bar and footer bar */

/* start : alternating row classes */
.light_row {
 background : #ffffff;
}
.dark_row {
 background : #c0c0c0;
}
.highlight_row {
 background : pink;
}

/* end: alternating row classes */

/* start: form table styles */
table.headerTable {
 width : 100%;
}

.tableHeader {
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 font-family : Trebuchet MS;
 color : #FFFFFF;
 text-shadow: #FFFFFF 0px 0px 5px;
 background-image : url(/sites/generic/graphics/header_background.gif);
 border-bottom : 1px solid #000000;
}
.tableHeader_l {
 background-image : url(/sites/generic/graphics/header_background.gif);
 border-bottom : 1px solid #000000;
 width : 10%;
}
.tableHeader_r {
 background-image : url(/sites/generic/graphics/header_background.gif);
 border-bottom : 1px solid #000000;
 text-align : center;
 width : 10%;
}

/* Column Headers */
TR.columnHeader, DIV.columnHeader {
 background-image : url(/sites/generic/graphics/tr_background.gif);
 height : 20px;
}
.columnHeader, .rowHeader, .rowheader_err {
 font-weight : bold;
 font-size : 10pt;
 padding : 0px 3px 0px 3px;
 border-bottom : 1px solid #000000;
 border-right : 1px solid #000000;
 border-top : 1px solid #FFFFFF;
 border-left : 1px solid #FFFFFF;
 color : #000000;
 vertical-align: top;
}
.columnHeader A {
 color : black;
 text-decoration : none;
}
.columnHeader A:hover {
 text-decoration : underline;
}
/* row headers */
.rowHeader {
 /*background-image : url(/testing/grfx/tr_background.gif);*/
 border : 0px;
 height:20px;
 background-repeat: repeat-x;
 text-align : left;
 /*background-color : white;*/
}
.rowHeader_err {
 color : #FFF;
 /*background-image : url(/testing/grfx/tr_background_err.gif);*/
 height:20px;
 background-repeat: repeat-x;
}

/* end: form table styles */

/* start: data cells */
.dataTable, .sideDataTable {
 border-bottom : 1px solid black;
 border-top : 1px solid #FFFFFF;
 border-right : 1px solid #000000;
 border-left : 1px solid #FFFFFF;
 margin-top : 10px;
 background : #FFFFFF;
}
.sideDataTable {
 width : 150px;
}

.data_l, .data_c, .data_r, .data_f {
 padding: 2px 3px 0px 3px;
 font-family : Trebuchet MS;
 font-size : 8pt;
 font-weight : normal;
 text-align : left;
}
/* end: data cells */
 
 /* start: Form Styles */
 td.loginTD input {
  border-width : 1px;
  border-style : solid;
  border-color : #FFF;
  border-top-color : #000;
  border-left-color : #000;
  background-color:#c8d3DC;
  background-color:#FFF;
  font-size:8pt;
  margin-left:2px;
  margin-right:2px;
  height:11px;
 }
 
 td.loginTD .inputText,td.loginTD .inputPassword{
  width:75px;
  background-image : url(/sites/generic/graphics/td_header_background.gif);
  behavior : url(/sites/generic/includes/ieHacks/txtInputHeightHack.htc);
 }
 
 td.loginTD .inputSubmit{
  background-image : url(/sites/generic/graphics/table_nav_background.gif);
  color : #FFF;
  border : 1px solid #000;
  border-bottom-color : #FFF;
  border-right-color : #FFF;
  font-size : 7pt;
  font-weight : bolder;
  height:15px;
 }
 
 input.text {
  height : 18px;
  border : 0px;
  border-bottom : 1px solid #000000;
  background : transparent;
  text-align : right;
  font : 8pt Trebuchet MS;
  margin : 0px;
  width : 150px;
 }
 
 /* end: form styles */
 
 A.mainMenu_link {
  font-size : 12pt;
  color : #000000;
  text-decoration: none;
 }
 A.mainMenu_link:hover {
  font-size : 12pt;
  color : #000000;
  text-decoration: underline;
 }
 
 /* start: writtings obj styles (will eventually be moved to separate file and only loaded when any writings data is presented) */
 
 .contentTitle {
  font-size : 16pt;
  font-weight : bolder;
  background : #888888;/*#e1e1e1;*/
  color : #000000;
  text-align : right;
  padding-right : 10px;
  padding-left : 10px;
 }
 
 .contentSubTitle {
  font-size : 12pt;
  font-weight : bold;
  text-align : left;
 }

 .byLine {
  padding-left : 10px;
  font-size : 8pt;
  font-weight : bold;
  text-align : left;
 }
 
 .contentDataSummary {
  padding-top : 10px;
  font-style : italic;
  text-indent: 2em;
  text-align : left;
 }
 
 .contentData {
  position : static;
  padding-left : 25px;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-right : 10px;
  text-align : left;
  border-bottom: 1px solid #888888;/*#E1E1E1;*/
 }
 
 .contentData p {
  text-indent: 2em;
  text-align : left;
 }
 
 .contentData a {
  color : green;
  text-decoration : underline;
 }

 .contentSubTitle a {
  text-decoration : none;
  color : black;
 } 

 textarea.contentData {
  border : 1px solid #000000;
  padding : 0px;
  text-indent : 0em; 
 }
 
 .contentContainer {
  position : relative;
  width : 659px;
  border : 0px;
  border-left : 4px solid #888888;/*#E1E1E1;*/
  margin-top : 10px;
 }
 
 /* end: writtings obj styles */
 
/* start: Comment Styles */
 .commentDate {
  text-align : left;
  font-weight : bold;
  font-size : 9pt;
 } 
 
 .commentReply {
  font-size : 7pt;
  position : absolute;
  right : 0px;
  padding-right : 25px;
 }
 .commentReply a {
  color : blue;
 }
/* end : comment Styles */

/* start : breadcrumb navigation styles */

 div.breadcrumb {
  width:100%;
  text-align : left;
  margin-top : 2px;
  text-transform: lowercase;
  
 }
 div.breadcrumb a {
  color : #000000;
  text-transform: lowercase;
 }

/* end : breadcrumb navigation styles */

/* start : gallery styles */
 
 td.galleryThumbTD {
  width : 33%;
  text-align : center;
  border : 1px solid black;
  padding : 5px;
  background-color : #FFF;
 }
 
 td.emptyGalleryThumbTD {
  width : 33%;
 }
 
 td.galleryThumbTD div {
  text-align : center;
  background : url(/sites/generic/graphics/tr_background.gif);
  border-bottom : 1px solid black;
  color : #000;
  margin : -5px -5px 5px -5px;
 }
 
 div.galleryImage {
   text-align:center;
 }
 
 div.contentData>div.galleryImage {
  text-align : -moz-center;
 }
 
/* end : gallery Styles */

/* start: record set navigation*/
.tableNavigation {
 background-color : #4A4A4A;
 color : #FFFFFF;
 font-family : Trebuchet MS;
 font-size : 8pt;
 font-weight : bold;
 border : 1px solid #000000;
 border-left : 0px;
 border-bottom : 0px;
 padding-left : 3px;
 padding-right : 3px;
 width : 100%;
}
A.tableNavigation,a.tableNavigation:hover,a.tableNavigation:visited,a.tableNavigation:active {
 border : 0px;
 color : #FF0000;
 text-decoration : none;
}
/* start: record set navigation*/