body {     
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
  background-color: #EEEEEE;
  text-align: center;
}

body, div, p, h1, h2, h3, form, table, td, th { margin: 0pt; padding: 0pt; }

a { text-decoration: none; color: rgb(0, 102, 153); }
a:hover { text-decoration: underline; }

a img { text-decoration: none; border: none }

input[type="button"] { padding: 5px; background-color: rgb(230, 230, 230); border: 1px solid black; cursor: pointer; height: 30px; /*width: 250px;*/}
a.ext-link { cursor: pointer; font-size: 1.5em; background-color: rgb(230, 230, 230); border: 1px solid black; height: 30px; padding: 5px; text-decoration: none; }
a.ext-link:hover { text-decoration: none; }

.header-bar {
  background-color: #FFFFFF;
  border-bottom: 3px solid #51A8D4;
  height: 60px;
  margin: 0 auto;
  text-align: left;
}

.header-container {
  padding-top: 10pt;
  margin: 0 auto;
  width: 730px;
}

.header-nav {
  margin: -20px -10px 0pt 0pt; padding: 0pt; float: right; clear: both; list-style-type: none;
}

.header-nav li { margin: 0pt 2px 0pt 0pt; padding: 2px; float: left; font-size: 110%; }

.footer-bar {
  background-color: #FFFFFF;
  height: 95px;
  text-align: left;
  border: 1px solid rgb(204, 204, 204);
  width: 730px;
  padding-left: 10px;
  padding-right: 10px;
}

.ad-top-bar {
  background-color: #FFFFFF;
  height: 95px;
  text-align: left;
  border: 1px solid rgb(204, 204, 204);
  width: 730px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.main-container { margin:0 auto; margin-top: 20px; width: 730px; }

.content-container {
  border: 1px solid rgb(204, 204, 204); 
  background-color: #FFFFFF;
  margin-bottom: 10px;
  
  padding: 10px;
  padding-top: 20px;
  text-align: left;	
  width: 730px;
}

.side-bar {
  float: right;      
  width: 170px;       
}

.side-bar-section {
  border: 1px solid rgb(204, 204, 204);
  margin: 0pt 0pt 10px;
  padding: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(119, 119, 119);
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  text-align: center;
  width: 148px;
}

.about-container {  
  margin-left: 40px;
  margin-right: 40px;  
  padding-top: 10px;
  padding-bottom: 50px;
}

.key-container {
  margin:0 auto;
  padding-top: 10px;
  padding-bottom: 50px;
  width: 450px;        
}

.key-label { vertical-align: top; }

.key-input { padding-bottom: 200px; }

.key-result, .key-steps {
  background-color: rgb(255, 255, 204);
  border-top: 1px dotted rgb(204, 204, 204);
  border-bottom: 1px dotted rgb(204, 204, 204);
  margin: 30px 0pt; padding: 20px;
  margin-left: 40px;
  margin-right: 40px;
  text-align: center;
}

.key-instruction {
  margin-left: 40px;
  margin-right: 40px;  
  padding-top: 10px;
  padding-bottom: 50px;
}

.tab-category { margin: 15px 0pt 0pt; text-align: center; }
.tab-category li { display: inline; margin-left: -5px; }
.tab-category li a { border-top: 1px solid rgb(206, 206, 206); border-left: 1px solid rgb(206, 206, 206); border-right: 1px solid rgb(206, 206, 206); padding: 3px 10px 1px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; display: inline; text-decoration: none; color: rgb(76, 76, 76); }
.tab-category li a:hover { background: rgb(153, 153, 153) none repeat scroll 0% 0%; text-decoration: none; color: black; }
.tab-category li.active a { font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
.tab-container { border-top: 1px solid rgb(206, 206, 206); padding: 0px; padding-top: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 0px; }

.job-item {
  border-bottom: 1px solid rgb(244, 244, 244); margin: 0pt;
  height: 35px;
  padding: 5px 0pt 5px 7px;
}
	
.job-item-avatar {
  cursor: pointer;
  float: left;
}

.job-item-avatar img {
  border: 0;
  width: 32px;
  height: 32px;
}

.job-item-text {
  padding-left: 5px;
  float: left;
  font-weight: bold;
  width: 60%;
}

.job-item-text a {
  color: rgb(0, 102, 153);
  text-decoration: none;
}

.job-item-text a:hover {
  text-decoration: underline;  
}

.job-item-location {
  float: right;
  padding-right: 10px;
  text-align: right;
  width: 30%;	
}

.job-item-date {
  font-size: 10px;
  font-weight: bold;
  float: right;
  padding-top : 2px;
  padding-right: 10px;
}

.job-item-user {
  display: inline;
  float: left; 
  font-size: 10px;
  font-weight: bold;
  padding-left: 5px;
  padding-top : 2px;
}

.job-item-reply-link {
  padding-top : 2px;
  padding-left: 5px;
  font-size: 10px;
  font-weight: bold;
  float: left; 
}

.bottom_nav { padding: 0pt; margin-top: 10px; margin-bottom: 5px; height: 20px; }
.pagination { float: right; }

a.page-link { cursor: pointer; font-size: 1.0em; border: 1px solid rgb(204, 204, 204); color: rgb(0, 102, 153); height: 15px; padding: 5px; text-decoration: none; }
a.page-link:hover { text-decoration: none; }

input.shorten_url[type="button"] { vertical-align: top; font-size: 0.75em; text-align: center; background-color: rgb(230, 230, 230); border: 1px solid black; cursor: pointer; height: 22px; }