.emailview  {
   border:  2px solid red;
   padding: 5px;
}

a {
   color: blue;
   text-decoration: none;
}

a:hover {
   color: #50FF05;
   text-decoration: underline;
}


 /*
tr td{
	font: normal 1.0em "Courier New" monospace;
}
  */

tr a{
   color: black;
}

tr a:hover{
   color: black;
}

tr.even {
   background-color:#CCC;
}

tr.odd {
  background-color:#EEE;
}

tr.odd:hover {
  background-image: url(/images/greenfadelong.gif);
  background-repeat: repeat-y;
}

tr.even:hover {
  background-image: url(/images/greenfadelong.gif);
  background-repeat: repeat-y;
}

.notice_title {
  font-weight: bolder ;
}

.notice_body {
  font-family: "Courier" monospace;
}

/* tabnav rules below */

#main_tabnav {
	color: #000;
	border-bottom: 2px solid black;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px; 
}

#main_tabnav ul {
  margin: 0px;
  padding: 0px;
}

#main_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none; }

#main_tabnav a, a.active {
	color: #000000;
	background: #FF3705;
	font: bold 1.5em "Courier New" monospace;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; }

#main_tabnav a:hover {
	background: #50FF05; 
	color: #FFFFFF; }

#main_tabnav a.active {
	background: #FFFFFF;
	border-bottom: 3px solid #FFFFFF; }

#main_tabnav a.active:hover {
	background: #50FF05;
	color: #FFFFFF; }

#main_tabnav a:visited {
  color: #000000; 
}

#main_tabnav_content {
  text-align: left;
  background: #FFFFFF;
  padding: 1em;
  border: 2px solid black;
  border-top: none;
  z-index: 2;	
}


/*  spell check related css */

#check_spelling {
  position: relative; /* for IE spelling suggestion placement */
}

.misspelled {
  color: red;
  font-weight: bold;
  text-decoration: underline;
}

.suggestions {
  background: #fffdc5;
  min-height: 1px;
}


.layout {
  min-height: 0px;
}

.suggestion {
  padding: 0 2px 2px 2px;
}

.suggestion:hover {
  background: #59afa9;
}



input:focus, textarea:focus {
  background-color:lightyellow;
  border-color:#7F9DB9;
  border-style:solid;
}

ul { 
  list-style: none;
  margin-top: 0px;
  padding: 0 0 0 3px;
  height: auto;
  white-space: normal;
}

ul.normal { 
  padding: 0em 0em 0em 2em;
  list-style: disc;
}

pre.textarealike {
  background: #FFF;
  forground: #000;
  font-family: monospace;
  font-style: normal;
  text-align: left;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 13px;
  white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: -pre-wrap;      /* Opera 4 - 6 */
  white-space: pre-wrap;       /* CSS3  */
  white-space: pre-line;       /* CSS3 http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word;       /* IE 5.5+ */
 }

/*************************************
 +mephisto sync
 *************************************/

/*************************************
 *  +Containers
 **************************************/

#container {
  width: 690px;
  margin: 0 auto;
  padding: 3px;
  text-align:left; 
  position: relative;
}

#wrap{
  margin:0 auto;
  text-align:left; }

#content{
            font-size:1em;
            float:left;
            padding:1em;
}

#sidebar{
  font-size:1em;
  float:right;
  padding-top:2em;
}

#header{
  padding: 3px;
}

#footer{
    clear:both;
    font-size: smaller;
    padding: 0em;
        }

/*************************************
 *  +Hn and p
 **************************************/

h1, h2, h3 {
  font-family: "CourierNew" monospace ; 
  font-weight: bold;
  color: black;
  letter-spacing: -1px;
  margin:0;
   }

#header h1 {
     font-size : 3.5em ; 
}

#header a:hover {
     text-decoration: none;
}

#header p {
      color:#000;
      font-family: "CourierNew" monospace ; 
      font-size: 1em;
      font-weight: bold;
      text-align: right;
      margin:0;
      margin-top:-0.1em;
}


/* rails scaffold css below */

body { background-color: #fff; color: #222; }

pre {
  background-color: #fee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 4px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


.float-right { float: right; }
.float-left { float: left; }
.clear-right { clear: right; }
.clear-left  { clear: left; }
.clear-both { clear: both; }


.pagination {
  padding: 3px;
  margin: 3px;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
  }

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
  }

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
  }