/*

	(c) 2006 Pau Santesmasses  <firstname at lastname.net>
		 and Reed Morse <firstname.lastname at gmail.com>

*/

html,body {
  height:100%;
  width:400px;
  mmargin:0px;
  padding:10px;
}

body {
  background:#8e8e8e;
  font-family:Helvetica,Arial,sans-serif;
  font-size: 81.5%; /* Resets 1em to 13px. (change to 10px?) */
  line-height:1.5em;
}

noscript {
	color:white;
}

a{
  color:#eeeeee;
  font-weight:bold;
  text-decoration:none;
}

input[type="text"],
input[type="password"],
select {
  border:2px solid;
  border-width:2px 1px 1px;
  border-color: #AAA #BBB #DDD #BBB;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1em;
  color:#333;
  padding:3px 1px;
}

select {
  padding:1px;
}

.MainTitle {
  margin-top:5px;
  font-size:4em;
  line-height:0.8em;
  font-family:Verdana,Arial,sans-serif;
  font-weight:normal; 
  text-align: right;
  color:white;
}

.Copyright {
  margin-top:30px;
  font-size:0.8em;
  font-family:georgia,serif;
  font-weight:normal;
  text-align: right;
  color:white;
}


input.url {
  width:496px;
  height:16px;
  margin-left:85px;
  font-size:1.2em; 
  padding:3px
}

input[type="button"],
input[type="submit"],
.submitBtn {
  font-family:inherit;
  border:none;
  color:white;
  background:red;
  padding:5px 3px 3px;
  margin-right:5px;
  width:auto;
}

.submitBtn {
  margin-left:84px;
}

/* ADMIN */
#search {
  padding:10px 0;
  text-align:right;
  margin-bottom:0px;
  background:#e0e0e0;
}

#search-spinner {
  display:none;
  vertical-align:middle;
  width: 20px;
  height: 20px;
}

#searchForm {
  margin-right:10px;
  margin-bottom:0;
}

#searchForm input{
  vertical-align:middle;
}

#searchForm #clearBtn{
 display:none;
}

#searchTerm {
  width:144px;
  padding: 3px;
}

#List {
  border-collapse:collapse;
  min-height:400px;  
  width:620px;
  font-size:0.8em;
}

#List a {
	color: red;
}

#List tr.oddrow td{
  background:#f3f3f3;
}

#List tr.evenrow td{
  background:#e0e0e0;
}

#List th{
  padding:10px;
  color:black;
  background: white;
  font-size:1.2em;
  font-weight:normal;
  text-align:left;
}

#List th.selected{
  font-size:1.2em;
  font-weight:bold;
  border-color:red;
  color:red;
}

#List .sortarrow {
  margin-left:5px;
  font-size:.8em;
}

#List td{
  padding:3px 5px 3px 10px;
  border-top:1px solid #aaa;
  background:#efefef;
}

#List .rowNum{
  color:#666;
  text-align:right;
  width:20px;
}

#List .date{
  width:80px;
}

#List .buttons{
  width:110px;
}

#List input.edit {
  background:white;
  color:black;
  font-size:.9em;
}

#List input.save {
  background:red;
  color:white;
  font-size:.9em;
  display:none;
}

#List input.cancel {
  background:black;
  color:white;
  font-size:.9em;
  display:none;
}

#List input.delete {
  background:black;
  color:white;
  font-size:.9em;
}

#List .editForm {
  width:400px;
  height:40px;
  padding:10px;
  background:#e9e9e9;
  position:relative;
  margin:0px 0;
}

#List .searchBox {
  width:450px;
  padding: 3px;
}

.show {}
.hide { display: none; }

#searchList .searchButton {
  background:red;
  color:white;
  font-size:.9em;
}

#List .editForm input {
  width:590px;
}

#adminOptions {
  padding:0 10px 15px;
  background:#fefefe;
  border-top:1px solid #333;
  font-size:.95em;
}

#List .hostname {
  display: none;
}

#List .hostname.visible {
  display: inline;
}

#adminOptions form{
  border-top:1px solid #666;
  padding-top:10px;
  margin-top:20px;
}

#adminOptions input{
  vertical-align:bottom;
  margin-right:8px;
}

#pagingNav { 
  list-style:none;
  float:right;
}

#pagingNav li{
  float:left;
  margin-left:10px;
}

#pagingNav a {
  color:red;
  text-decoration:underline;
}

#urlLength {
  float:right;
}

/* PREFS*/
.pane {
  background: white;
  overflow:hidden;
  padding:30px 15px;
}

.white {
    color: white !important;
}

.ResultTitle {
	font-weight: bold;
    color: white;
  font-size:4em;
  line-height:0.8em;
  font-family:Verdana,Arial,sans-serif;
}

.ResultBigUrl {
	font-weight: bold;
    background: #aaa;
	margin: 10px;
	padding: 4px;
}

.ResultSmallUrl {
	font-weight: bold;
    background: #aaa;
	font-size: 1.7em;
	color: red;
	margin: 10px;
	padding: 4px;
}

.ResultSmallUrl .big {
    background: #eee;
	margin: 0;
	padding: 4px;
	border: 0px;
}
.ResultSmallUrl .small {
	font-size: 0.4em;
}