/***** LAYOUT *****/

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background_color: #fff;
  }
  
  #header {
    background-color: #F8F8F8;
    background-image: url('/images/title_back.png');
    background-repeat: repeat-x;
    padding: 10px 20px;
    border-bottom: 1px solid #C6C6C6;
    color: #393939;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  }
  
  #header #rememberize {
    font-size: 1.4em;
  }
  
  #header .links {
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    margin-top: 0.2em;
    display: inline;
  }
  
  #header .links ul {
    display: inline;
  }
  
  #header .links li {
    display: inline;
    list-style-type: none;
    margin-left: 2em;
	}
	
	#header a {
    color: #393939;
  	text-decoration: none;
  }
    
  #header a:hover {
    text-decoration: underline;
  }
  
  .from_edge {
    margin: 20px 20px;
  }
  
  #pageHead .links {
    color: #bbb;
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: inline;
  }
  
  #pageHead .head {
    color: #339933;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin-right: 0.5em;
  }
  
  hr {
    border-left: none;
    border-right: none;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #C6C6C6;
    color: #fff;
    background-color: #fff;
    height: 3px;
    margin: 3px 0px 0px 0px;
  }
  
  #content {
    font-size: 0.9em;
  }
  
  a {
    color: #1861D6;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  #flashText {
	color: #999;
	font-size: 0.9em;
  }
  
.hr {
    width: 100%;
    height: 3px;
    background-image: url('/images/two_line.png');
    overflow: hidden;
}

.subhead {
    color: #339933;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}
  
/***** BASE FORMS *****/
input.text, textarea.text {
    font-size: 1.0em;
    /*border: 1px solid #bbb;
    padding: 0.2em;*/
}

label {
  	margin: 0.8em 0em 0.3em 0em;
  	display: block;
}

input.submit {
    font-size: 1.0em;
    border: 1px solid #bbb;
    margin-top: 15px;
}

input.title {
    font-size: 1.3em;
}

.longText {
    width: 600px;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1.0em;
    border: 1px solid #bbb;*/
}

.counter {
	color: #999;
	font-size: 0.8em;
}

/***** ERRORS *****/

.error {
	color: #d00;
	font-size: 1em;
	font-weight: bold;
}

.error_small {
	color: #d00;
	font-size: 1em;
	font-weight: normal;
}

.error ul {
	font-size: 1em;
    font-weight: normal;
  	list-style-type: none;
  	padding-left: 25px;
}

noscript {
    color: #d00;
	font-size: 1.2em;
	font-weight: bold;
}

noscript div {
	font-size: 0.8em;
}

/***** HOME *****/

.front {
    width: 750px;
}

.front .title {
    font-size: 1.5em;
    font-weight: bold;
    color: #aaa;
}

.front td {
    padding-right: 1.2em;
    font-size: 1.0em;
}

.front .tags {
    width: 100%;
    font-weight: normal;
    font-size: 1.0em;
    background-color: #e4edf6;
    padding: 0.8em;
    border: 1px solid #b1b1e7;
    text-align: justify;
}

.right_column {
    border-left: 1px solid #ccc;
    padding-left: 1em;
    padding-right: 20px;
    line-height: 1.3em;
}

.smallestTag { font-size: 1.0em; }
.tags a.smallTag { font-size: 1.3em; padding: 0em; }
.tags a.mediumTag { font-size: 1.6em; padding: 0em; }
.tags a.largeTag { font-size: 2.0em; padding: 0em; }
.tags a.largestTag { font-size: 2.3em; padding: 0em; } 

/***** COLLECTION LIST *****/

div.set_box {
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    width: 100%;
    padding: 0.5em 0em;
    background-repeat: repeat-x;
    margin-bottom: 1em;
}

.set_box table {
    width: 100%;
}
.set_box td {
    padding: 0.3em 0.8em;
}

.set_name {
    font-size: 1.25em;
    color: #555;
}

.card_summary {
    color: #6a6a6a;
    margin-left: 1.0em;
}

.private {
    color: #777;
    font-size: 0.7em;
    margin-top: 0.3em;
    padding: 0em;
}

.tags {
    margin-top: 0.2em;
}

ul.tags {
    font-size: 0.9em;
}

ul.tags li {
    padding: 0.1em;
}

a.tag, .tags a {
    background-color: #e4edf6;
    padding: 0.1em;
}

a.tag:hover, .tags a:hover {
    background-color: #1861d6;
    color: #fff;
    text-decoration: none;
}

/* to highlight current tag - not currently used */
.tags .current {
    background-color: #0947a9;
    color: #fff;
}

.set_box .commands {
    font-size: 0.8em;
    border-left: 1px solid #cbcbcb;
    padding: 0em 0.7em;
    width: 6.5em;
    color: #aaa;
}

td.sidebar {
    width: 10em;
    padding-right: 20px;
    padding-left: 1em;
}

#sidebar {
    float: right;
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    padding: 10px;
}

#referral {
    float: right;
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    padding: 10px;
    margin-top: 1em;
}

input.text.refer {
    width: 100%;
}

input.refer {
    font-size: 0.6em;
    margin-top: 8px;
}

.sidebar .head {
    margin-bottom: 5px;
    color: #393;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    width: 9em;
}

.sidebar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.top_links {
    color: #999;
    font-size: 0.9em;
}

.pagination {
    color: #bbb;
    font-size: 0.8em;
}

span.help {
    font-size: 0.8em;
}

.hint {
    width: 600px;
    font-size: 0.75em;
    color: #777;
}

div.news_box {
    background-color: #ffffb4;
    border: 1px solid #e8e855;
    width: 100%;
    padding: 0.8em 0em;
    margin-bottom: 1em;
    font-size: 0.9em;
}

div.news_box a {
    color: #c68405;
}

div.news_box a:hover {
    color: #95670f;
}

/***** ADD CARD LISTING *****/

.lister {
	margin-top: 10px;
}

.lister td {
    padding: 0.3em;
    border-bottom: 1px solid #e5e5e5;
}

.lister th {
    padding: 0.3em;
    border-bottom: 1px solid #e5e5e5;
    color: #339933;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.lister .center {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.lister .commands {
    color: #CDCDCD;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;	
}

td.import_sidebar {
    width: 10em;
    padding-left: 1em;
}

#import_sidebar {
    float: right;
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    padding: 10px;
}

.import_sidebar .head {
    margin-bottom: 5px;
    color: #393;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    width: 9em;
}

.import_sidebar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.textile_buttons img {
    border: 1px solid white;
    padding: 0px;
}

.textile_buttons img:hover {
    border: 1px solid #ccc;
}

/***** SHOW COLLECTION *****/
.selection {
    margin-top: 0.5em;
}

/***** LEARN *****/

#top_bar {
    width: 450px;
    position: relative;
    left: 50%;
    margin-left: -234px;
    border: 1px solid #999;
    border-top: none;
    background-color: #fff;
    padding: 0.5em 0.5em 0.3em 0.5em;
    color: #bbb;
}

#wrapper {
    z-index: 100;
    position: relative;
    width: 100%;
}

#learning_options {
    font-size: 0.8em;
    color: #444;
    margin-top: 0.5em;
}

#learning_options select {
    font-size: 0.95em;
}

#top_bar label {
  	display: inline;
}

#outer
    {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 468px;
      height: 300px;
      margin-left: -234px; /* half of width */
      margin-top: -150px;  /* half of height */
      font-family: Arial,Helvetica,sans-serif;
    }
      
      
    #card
    {
		width: 452px;
		height: 250px;
		border: 8px solid #1861D6;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 120%;
		background-color: #fff;
    }
    
    #upper {
		height: 121px;
		text-align: center;
      	overflow: auto;
	}
	
	#lower {
		height: 121px;
		text-align: center;
      	border-top: 8px solid #1861D6;
      	overflow: auto;
	}
	
	#outer table {
		height: 100%;
		width: 100%;
		text-align: left;
		display: inline;
	}
	
	#lowerText, #upperText {
		padding: 5px;
		text-align: center;
	}
	
	#menu {
		position:absolute;
		top: 270px;
	}
	
	#menu a {
	  	font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
		font-size: 1.8em;
		color: #555;
		text-decoration: none;
		font-weight: bold;
	}
	
	#menu a:hover {
		text-decoration: underline;
	}
	
	#menu #right{
		position: absolute;
		left: 234px;
		width: 226px;
		text-align: right;
	}
	
	#menu #center{
		position: absolute;
		left: 120px;
		width: 226px;
		font-size: 0.9em;
		text-align: center;
		top: 1.2em;
		color: #777;
	}
	
	#menu #left{
		position: absolute;
		left: 8px;
		width: 226px;
	}
	
	#unlearned {
	   color: #8e8e8e;
	}
	
	#expired {
	   color: #ed1c24;
	}
	
	#learned {
	   color: #39b54a;
	}
	
	.shortcut {
	   font-size: 0.7em;
	   color: #999;
	}

/***** SEARCH *****/

table.search {
    width: 100%;
    font-size: 0.95em;
}

.search label {
    margin: 0em 0em 0.3em 0em;
}
.search td {
    padding-right: 1em;
}

.search ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.search ul.tags {
    font-size: 0.9em;
}

.search ul.tags li {
    padding: 0.1em;
}

.result_blurb {
    margin-top: 0.7em;
}

/*a.operand {
    background-color: #fff;
}

a.operand:hover {
    background-color: #fff;
    text-decoration: underline;
    color: #1861D6;
}*/

table.results {
    width: 100%;
    font-size: 1em;
}

table.results .title {
    margin-bottom: 0.3em;
    font-size: 1.25em;
}

.results td.sidebar .tags {
    font-size: 1.0em;
}

/***** DISCUSSIONS / COMMENTS *****/

.comment {
    border: 1px solid #c6c6c6;
    background-color: #f8f8f8;
    margin-bottom: 1em;
    padding: 0.5em;
}

.other {
    background-color: #fff;
}

.comment .details {
    color: #aaa;
    margin-bottom: 0.5em;
}

.discussion_link {
    margin: 0.3em 0em 0.3em 0em;
    font-size: 1.1em;
}

.discussion_link .details {
    color: #888;
    font-size: 0.9em;
}

a.discussion:visited {
    color: #1861D6;
    text-decoration: none;
    font-weight: normal;
}

a.discussion {
    color: #1861D6;
    text-decoration: none;
    font-weight: bold;
}

a.discussion:hover {
    text-decoration: underline;
}

/***** HELP PAGE *****/

.help {
    line-height: 1.25em;
}

.help h1 {
    font-weight: bold;
    font-size: 1.5em;
}

.help h2 {
    font-weight: bold;
    font-size: 1.2em;
}

.help .subinfo {
    padding-left: 2em;
    font-size: 0.8em;
}

/***** FOOTER *****/

#footer {
    font-size: 0.70em;
    color: #999;
}

#footer a {
    color: #447fdd;
}