body {
  /*background: #dce0e7 url(../../images/background.gif) repeat-x top center;*/
  background-color:#eee;
  font-family: "Lucida Grande", Tahoma, sans-serif;
  font-size: small;
  text-align:center;
  padding:0;
  margin:0;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear {
  clear:both;
}

#body {
  width:780px;
  /*height:520px; */
  border:1px solid #ccc;
  border-top:none;
  background:transparent url(../../images/white_60.png) repeat 0% 0%;
  margin:5px auto 0 auto;
  text-align:left;
}


a.img_link span {
  color:#3a66bc;
  display:block;
  float:none;
  padding:0 10px 0 0;
}
a.img_link span img {
  border:none;
  margin:-1px 10px 0 0;
}



#pop_content {
  width:100%;
  margin:0;
  padding:0;
}

#pop_content h1, #pop_content h2,
#pop_content h3, #pop_content h4,
#pop_content h5, #pop_content p {
  color:#0d285a;
  text-align:left;
}

#pop_content h1 {
  font-size:130%;
  font-weight:normal;
  padding:5px;
	margin-bottom:0;
}

#pop_content h2 {
  font-size:110%;
  font-weight:normal;
  padding:5px;
  margin:0;
}

#pop_content p {
  padding:5px;
  margin:0;
  color:#404040;
	font-size:95%;
}

#pop_content form {
	color:#404040;
}

#pop_content form ul {
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
}

#pop_content form label {
	width:80px;
	display:block;
	float:left;
	font-size:85%;
	padding-top:4px;
}

#pop_content form .error {
  color:#f00;
  font-size:90%;
}

#pop_content label {
  width:120px;
  display:block;
  float:left;
  color:#666;
  font-size:90%;
  padding-top:2px;
}

#pop_content input, #pop_content select, #pop_content textarea {
	vertical-align:bottom;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	color:#404040;
}

#pop_content a {
  color:#3a66bc;
}
#pop_content a:hover {
  text-decoration:none;
}


#pop_content .trans_div {
	background:transparent url(../../images/white_60.png) repeat 0% 0%;
	border:1px solid #eee;
}


#pop_content table {
	text-align:left;
	margin:0 auto;
  color:#404040;
}

#pop_content thead.tableHead tr th {
  padding:2px; 
  margin:0;
  background-color:#fff;
  color:#404040;
  border:1px solid #eee;
  font-size:90%;
  font-weight:normal;
}

#pop_content tbody.scrollContent TR TD {
  padding:4px; 
  margin:0;
}
#pop_content tbody.scrollContent TR.normalRow TD {
  background-color:#f3f5f7;
}
#pop_content tbody.scrollContent TR.alternateRow TD {
	background-color:#dce0e7; /*#020c99;*/
}


form fieldset {
  width:90%;
  margin:0 auto;
}

form legend {
  color:#0d285a;
  font-size:100%;
}



#navigation_bar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

#navigation_bar ul {
background-image:url(../../images/navigation/back2.png);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0;
width:778px;
padding-left:2px;
}

#navigation_bar li {
display:inline;
padding:0;
}

#navigation_bar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#navigation_bar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#navigation_bar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#navigation_bar a:hover{
background: url(../../images/navigation/left.png) no-repeat left center;
}

#navigation_bar a:hover span {
background:url(../../images/navigation/right.png) no-repeat right center;
}

#navigation_bar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}



#form_submit {
  text-align:right;
  padding-bottom:0;
}

button { 
  border:0; 
  cursor:pointer; 
  padding:0; 
  text-align:center;
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px;
  font:normal 12px 'Trebuchet MS','Arial';
}

/*blue buttons*/
button.submitBtn { 
  height: 50px;
  background:url(../../images/button/right.png) right no-repeat;
}
button.submitBtn span { 
  height:50px; 
  line-height:50px;
  background:url(../../images/button/left.png) left no-repeat;
  color:#fff;
}
button.submitBtn span img {
	padding:0 0 0 0;
	vertical-align:middle;
}

button.submitBtn:hover {
	background:url(../../images/button/right_over.png) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(../../images/button/left_over.png) left no-repeat; 
}



.notes {
	border:1px solid #ccc;
	overflow-x: hidden;
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical !important;
	height:340px;
	width:98%;
	clear:both;
  margin-bottom:5px;
}

.notes p {
  margin-bottom:10px;
}
.notes p span.note_creator {
  display:block;
  float:none;
  padding:0 10px 0 0;
  font-size:90%;
  margin-bottom:-10px;
  color:#666;
}
.notes p span.note_creator img {
  border:none;
  margin:0 10px 0 0;
}