A {text-decoration: none; color: #FF00FF;}
A:hover {text-decoration: underline; color: blue;}
img{ border-style: none; }
.word_link{ color: #2E6AB1; cursor: pointer; }

a.blue_link{ color: blue; }

body {
  font-family: georgia;
  position: relative;
  top: 5px;
  height: 800px;
}

#whole_page_out{ border: 2px solid white; }
.whole_page {
  position: relative;
  width: 950px;
  height: auto;
  margin: auto;
  text-align: left;
}

#header{ 
  position: relative; 
  z-index: 5; /* needed for dropdowns ... also needs to be lower than .home_column.. for IE home */
}

.password_notice{
    border: 1px solid black;
    margin-top: 50px;
    padding: 4px;
    font-size: 18px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    color: black;
    text-align: center;
}

a.beta{ 
    font-size: 11px; 
    display: inline;
    color: #666666;
}
#home_current{ display: inline;  }
#nav_bar{ position: relative; display: block; }

#nav_functions{          
    position: absolute;
    right: 0px;
    top: 5px;
    margin-right: 10px;
    padding: 3px;
    display: block;
    z-index: 5;
    border: 1px solid #666666;
    background: white;
    color: #666666;
}

#list_nav{ 
  display: inline-block;
  position: relative;
  text-align: center; 
  z-index: 40;
  padding: 4px;
}

#list_avatar{
  display: inline-block;
  position: relative;
  left: 7px;
  top: 2px;
}

#list_dropdowns{
  display: inline-block;
  float: left;
  z-index: 20;
  position: relative;
  left: 5px;
  top: 3px;
}

#word_form_box{
    width: 680px;
    position: relative;
    left: 10px;
    top: 5px;
    display: inline-block;
    z-index: 4;

}

#word_form{ display: inline-block; } /* for IE: position: relative; display: inline; */
.word_field{ font-size: 26px; position: relative; width: 190px; }

.tweets_popup{
  width: 400px;
  margin-bottom: 5px;
}

.tweet{
  padding: 5px;
  min-height: 50px;
}

.tweet_pic{ 
  float: left;
  margin-right: 10px;
  height: 50px;
  width: 50px;
  overflow: hidden;
}

.tweet_text{ 
  display: inline; 
  color: #666666;
  font-size: 14px;
}

a.tweet_link{ color: #666666; }
.more_twitter, a.more_twitter{ 
   font-size: 13px;
   border: 1px solid #666666;
   background: white;
   padding: 4px;
   margin-left: 20px;
   color: #666666;
}
.more_twitter{
   display: inline;
   color: #A8A8A8;
   border: 1px solid #A8A8A8;
}
a.more_twitter:hover{
    color: blue;
    text-decoration: none;
}
.tweet_links_div{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 140px;
}
.no_tweets{
  font-size: 14px;
  text-align: center;
  color: #666666;
}

.prototip .twitter .content,.prototip .social .toolbar{ background: #2CC2EA;}
/***********************social sharing links*************************/
#share_words{
    padding: 3px;
    background-image: url('/images/icons/group.png');
    background-repeat: no-repeat;
    background-position:7px 6px; 
    text-indent:26px;
    color: #FF00FF;    
    z-index: 15;
    cursor: pointer;
}

.share_words_box{
    border: 1px solid #666666;
    background: white;
    position: absolute;
    left: 440px;
    top:0px;  
}

#sociable_menu{
    background: #D2E4FC;
    width: 250px;
}

.social_icon{
    cursor: pointer;
    margin: 8px 4px 8px 4px;
    display: inline-block;
    float: left;
    opacity:0.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
}
.social_highlite{
    cursor: pointer;
    margin: 8px 4px 8px 4px;
    display: inline-block;
    float: left;
    opacity:1.0;
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;   
}
a.social_link:hover{ text-decoration: none; }

/* the social style */
.prototip .social {
	color: white;
}
.prototip .social .toolbar {
	background: #00213D;
	font-weight: bold;
}
.prototip .social .title { 
        padding: 3px; 
        text-align: center;
        font-size: 15px;
}
.prototip .social .content {
	background: #00213D;
}
/******************end*************************************************/
#error2{
  position: relative;
  left: 338px;
  border: 2px solid red;
  background: pink;
  padding: 5px;
  width: 340px;  
  text-align: center;
  margin-bottom: 20px;
}

#ajax_messages{
    display: inline;
    padding: 3px;
    position: relative;
    left: 5px;
    bottom: 3px;
}

.profile_messages{
    border: 1px solid black;
    height: 20px;
    width: 40px;
}

#loading{
    display: none; 
    position: relative;
    bottom: 4px;
    left: 3px;
    padding: 3px;
}

#lookup_button{
    position: relative; 
    cursor: pointer;
    padding: 4px;
    font-size: 16px;
    bottom: 4px;
}

#content { position: relative; }

.bottom_menu_link{
  font-size: 13px;
  display: inline;
  margin-left: 20px;
  text-decoration:underline;
}

.bottom_menu_link_active{
  font-size: 15px;
  display: inline;
  margin-left: 20px; 
  color:black;
}

#bottom_bar{
  position: relative;
  height: 100px;
  margin: auto;
  width: 950px;
  text-align: left;
}

#bottom_menu{ /* this positioning compensates for the link css above used for links on home page */
  position: absolute;
  right: 0;
  top: 0;
  width: 575px;  
}

#copywrite{
  font-size: 12px;
  text-decoration: none;
}

#license_agreement{
  position: absolute;
  left: 30;
  font-size: 13px;
  font-family: courier;
  color: #666666;  
}

#bottom_menu_display{ width: 70px; }

.browser_search #explanation{
  display: inline-block;
  margin: 40px;
}

.browser_search #title_explain{ display: block; }

.guide{ text-align: center; margin-top: 40px; _margin-top: 0px; }
.guide_block{
  display: inline-block;  
  margin-bottom: 20px;
}

#image_explain{ 
  border: 2px solid grey; 
      }
#about_box{
  color:#333333; 
  padding: 0px 40px 0px 40px; 
  margin: 20px 0px 40px 0px;       
}

.signup_button{ 
    margin: 5px;
    position: relative;    
    padding: 7px;
    font-size: 19px;
    display: block;
    width: 192px;
}

.signup_button:hover{ text-decoration: none; }

#home_signup{ 
    margin-left: auto;
    margin-right: auto;    
}

#quiz_signup{ margin-left: 30px; }

#login {
   float: right;
   font-family: verdana;
   font-size: 12px;
   padding: 0.5em;
}

#load_animation{
    position: absolute;
    left: 272;
    top: 3;
}

#back_home{ 
  position: absolute;
  top: 0;
  right : 200;
}

.word_table {
  width: 100%;
  text-align: center;
  margin: auto;
}

.min_height{ 
  position: relative;
  min-height: 400px; 
}

#zoom_out_pagination{ margin-bottom: 10px; }

#left_column{
    float: left;
    width: 443px;
    display: inline-block;
    margin-left: 16px;
    margin-top: 25px; 
    /* min-height: 450px; */
}

#right_column{
    float: right;
    width: 443px; 
    display: inline-block; 
    margin-right: 22px;
    margin-top: 25px;       
}

#footer{ 
  clear:both;
  text-align: center;
  padding: 20px;
}

#profile_flash{
  position: absolute;
  top: 70px;
  right: 20px;
  border: 1px solid yellow;
  padding: 3px;
  background: white; 
  color: #666666;
}

#hide_profile_link{
  position: absolute;
  top: 50px;
  right: 20px; 
}

#profile_avatar_box{
  padding: 10px;
  position: absolute;
}

.avatar{ float: left; }

#avatar_box_right{
  float: left;
  display: block;
}

#profile_username{
  display: block;
  float: none;
  margin-left: 15px;
}

#profile_avatar_link{ 
  display: block;
  position: relative;
  left: 10px;
}

#fav_word_field{
  font-size: 20px;
  color: #666666;
}

#fav_word_title{
  position: relative;
  bottom: 10px;
  text-align: center;
  font-size: 20px;
}

.profile_info{
  margin-left: 40px;
  color: white;
}
#profile_loading{ 
  position: absolute;
  top: 0;
  right: 0;
}

#profile_pagination{
  margin-left: 120px;
  margin-top: 50px;
}

#profile_page{ 
  padding-left: 15px;
  margin-top: 100px;
  position: relative;
  min-height:450px;
  height:auto !important;  /* IE min-height fix/hack */
  height:435px;
}

#profile_paginate{
    position: relative;
    left: 50px;
    top: 10px;
}
#fav_word_block{ margin: 10px; }
#stash_paginate{ display: inline-block; padding: 20px;}

/******************************word block*********************************/
.word_block{ position: relative; float:left; }

.external_functions{  
  position: relative;  
  z-index: 30;        
}

.external_menu{
    position: absolute;
    margin-top: -26px;
    margin-left: 270px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background: #0A4354;
    padding: 4px;
    z-index: 30;
}

.internal_functions{
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    padding: 7px;
    color: #666666;
    font-size: 13px;
}
  
.word_title{
  font-size: 26px;
  text-decoration: none;
  font-weight: normal; 
  z-index: 0;
  display: inline-block;
}

.word_title:hover{ text-decoration: none; }

.word_headline{
  font-size: 19px;
  padding: 2px;
  font-weight: normal;
  display: inline-block;
}

.word_definition{
  margin-left: 30px;
  font-size: 17px;
  font-weight: normal;
}

.word_example{
  display: none;
  padding: 2px 0px 2px 0px;
  margin-left: 30px;
  font-size: 16px;
}

.word_synonyms{
  display: none;
  padding: 5px;
}

.word_function_link{ display: inline-block; }

/****************************end word block*************************************/
#words_all{ margin-left: 20px; border: 1px solid orange;}

#list_notice{
  position: relative;
  top: 30;
  left: 20;
  border: 2px solid blue;
  background: white;
  width: 330px;
  height: 40px;
  margin: 10px;  
  text-align: center;     
  padding: 15px; 
  padding-top: 25px;
  font-size: 18px;  
  color: #7579E7;        
}

.page_bottom{ 
  position: relative;
  display: block;
  min-height:400px;
}

.word_row{
  width: 150px;
  float: left;
}
.word_individual{
  font-weight: normal;
  font-size: 18px;
  line-wrap: none;
  overflow: hidden;
  padding: 3px;
  position: relative;
}

.list_title{
  float: left;  
  margin-left: 50px; 
  font-size: 21px;
  padding: 4px;
  text-align: left;
}

#quiz_logo{ 
    position: absolute;
    top: 0;
    left: 0;
}
#quiz_nav{
    float: right;
    margin-right: 530px;
    margin-top: 5px;
}

#quiz_title{ margin-left: 290px; }

.back_link{     
    border: 1px solid white;
    padding: 3px;
    color: white;
    background: #666666;
}

a.back_link:hover{ color: blue; }
#back_share{ margin-left: 20px; }

#share_list_title{
    float: left;
    position: relative;
    display: inline;
    margin-left: 25px;
}

#list_message{ padding: 10px; }
#nav_letters{ display: inline-block; }

.show_bottom{
  margin-top: 50px;
  padding-bottom: 20px;
  min-height: 450px;
  height:auto !important;  /* IE min-height fix/hack */
  height:435px;
}

#word_show{ margin-left: 250px; }

#settings_block{ 
  background: white; 
  position: relative;
  width: 80%;
  padding: 20px;
  margin: auto;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.edit_block{
  border: 1px solid black;
  width: 80%;
  display: none;
}

#setup_inner{
    margin: auto;
    width: 80%;
    height: 250px;
    text-align: left;
    position: relative;
    color: #666666;
}

#setup_inner_email{
    float: left;
    height:auto;
    width: 250px;
}
#setup_inner_password{
    float: right;
    height:auto;
    width: 250px;
}
#email_pass_field{ font-size: 17px; }

#choose_theme{ margin-left: 10px; }
#theme_help{ display: inline; font-size: 11px; }
#theme_select_home{
  text-align: left;
  margin-top: 20px;
  z-index: 20;
  position: relative;
}

#theme_select_edit{
  text-align: left;
  margin: 20px 0px 25px 40px;
  z-index: 10;
}

#inner_theme_box{ 
    padding: 10px 10px 10px 11px;;
    text-align: left;
}

.theme_option{
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
  border: 1px dotted #666666;
  height: 20px;
  padding: 3px;
}

.theme_color{
  display: inline-block;
  float:left;
  width:17px;
  height:17px;
  cursor: pointer;
}

#page_bottom_quiz{ margin-top: 80px; margin-bottom: 20px; }

a.quiz_next{ 
  border: 1px solid black; 
  background: #666666;
  color: white;
  font-size: 17px;
  padding: 4px;
}

a.quiz_next:hover{
  border: 1px solid blue;
  color: #01D4EE;
  text-decoration: none;
}

#left_quiz_column{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    min-height: 400px;
}

#center_quiz_column{
    display: block;
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 30px;
}

#right_quiz_column{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 180px;
    height: 400px;
}

#left_quiz_box{ 
  border: 2px solid #666666; 
  float: right;
  width: 130px;
  min-height: 300px;
  background: white;
}

#quiz_message{
  text-align: center;
  width: auto;
  height: 17px;
  padding: 4px;
  font-size: 17px;
}

#quiz_score_block{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 19px;
    padding: 5px;
}

.quiz_inline{ display: inline; }
#center_box_padding{ padding: 40px; }

#center_quiz_box{ 
  width: 480px; 
  margin-top: 0px; 
  position: relative;  
  padding: 0px;
}

#right_quiz_box{ 
  border: 2px solid #666666; 
  float: left;
  width: 150px;
  height: 300px;
  background: white;
}

#synonym_quiz_box{ 
  margin-left: auto; 
  margin-right: auto;
  width: 480px; 
  font-size: 20px; 
  padding: 20px; 
  display: block;
  border: 1px solid #666666;
  position: relative;
}

.quiz_word{ 
  color: #666666;
  text-align: center;
  overflow: hidden;
}

#quiz_clues_title{ 
  text-align: center;
  color: #666666;
  padding: 4px;
  font-weight: bold;
}
#quiz_star{ display: inline-block; }

.quiz_link{
    margin-top: 15px;
    font-size: 18px;
    width: 110px;
    height: 25px;
    border: 1px solid black;
    background: #666666;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

#quiz_input{
    height: 20px;
    margin: auto;
    padding: 10px;
    margin-bottom: 15px;
    display: inline-block;
}

.quiz_answer{
   display: inline;
   font-size: 32px;
   
}
#quiz_right{ color: blue; }
#quiz_wrong{ color: red; }
#word_word{ font-size: 20px; color: #666666; }
.settings_block{ display: none; }

/***************************dropdown menu******************************/
#your_list_dropdowns, #your_lists{ z-index: 5; }
.menu .menu_option{ 
  background: #F2D9E3; 
  color: #333333; 
}

.menu, .menu ul { 
        margin: 0; 
        padding: 0; 
        cursor: pointer; 
    }
.menu li { list-style-type: none; }

/* first level */
.menu li,
.menu a { float: left; }

.menu a { display: block; background: #EEE; }
.menu a:hover,
.menu a.menu_open { background: #DDD; text-decoration: none; }

/* second level */
.menu ul { visibility: hidden; position: absolute; width: 100px; }
.menu ul a { background: #DDD; }
.menu ul a:hover,
.menu ul a.menu_open { 
        color: #f0f0f0;
        background: #0a4395; 
        text-decoration: none;        
    }
.menu .menu_option { 
        padding: 4px; 
        font-size: 15px;
        border: 1px solid #666666;;
    }
    
.down_arrow2{
        background-image: url('/images/icons/down_arrow/white.png');
        background-repeat: no-repeat;
        background-position:7px 6px; 
        text-indent:30px;
        /* display:block; */
  }
.menu .dropped a{ 
        font-size: 14px;
        padding: 5px; 
        width: 150px;         
        background: #f0f0f0;
        color: #0B54A6;
        overflow: hidden;
        white-space: nowrap;
        z-index: 20;
    }

.menu .your_list_dropped a{ 
        font-size: 14px;
        padding: 5px; 
        width: 240px;         
        background: #666666;
        color: white;
        overflow: hidden;
        white-space: nowrap;
        z-index: 20;
    }
    
.menu .dropped_option{ color: #0B54A6; padding: 3px; }
.menu .option_current{ padding: 5px; color: #A6A6A6; font-weight: bold; }
.menu .nav_option_current{ 
        color: #A6A6A6; 
        background: #f0f0f0; 
        font-size: 13px; 
        font-weight: bold; 
        width: 104px;
    }
.menu .dropped2 a{ 
        font-size: 12px;
        padding: 2px; 
        width: 100px; 
        text-align: center;
        background: #f0f0f0;
        color: #0B54A6;
        overflow: hidden;
    }
.menu .dropped3 a{ 
        font-size: 14px;
        padding: 4px; 
        width: 100px;
        text-align: center;
        background: #f0f0f0;
        color: #0B54A6;
        overflow: hidden;
    }
.dropdown_current{ 
  width: 150px;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
  background: #f0f0f0; 
  color: #A6A6A6; 
  white-space: nowrap;
  overflow: hidden;
}

* { margin: 0; padding: 0; }
.hidden{ display: none; }

#theme_dropdown, #navigation {
  float: left;
  height: 30px;
  list-style-type: none;
  font: normal 12px Arial, Tahoma, Verdana, sans-serif;
  background: #ccc;
  margin: 0px 10px 0px 10px;
  border: 1px solid white; 
  z-index: 10;
}

#theme_dropdown{
  display: inline-block;  
  height: 25px;
  cursor: pointer;
  float: right;
}

.theme_dropdown_home{
  position: absolute;
  right: 16px;
  bottom: 2px;
}

#theme_dropdown li, #navigation li {  
  z-index:10;
  display: inline;
  float: left;
  height: 30px;
  position: relative;
  list-style: none;
  z-index: 10;
}

#theme_dropdown li a, #navigation li a {
  display: block;
  padding: 6px 8px;
  color: #0B54A6;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

#theme_dropdown ul, #navigation ul {
  display: block;
  position: absolute;
  left: -10px;
  top: 30px;
  width: 140px;
}

#theme_dropdown ul{ top: 25px; }
#theme_dropdown ul li, #navigation ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0;
  padding: 0;
  line-height: normal;
  height: 30px;
  width: 140px;
}
#theme_dropdown ul li{ width: 85px; }
#theme_dropdown ul li a, #navigation ul li a {
  display: block;
  margin: 0;
  padding: 8px;
  font-weight: normal;
  background: #f0f0f0;
  text-align: left;
  line-height: normal;
}
#theme_dropdown ul li a{ 
  padding: 4px 7px 4px 7px; 
  _padding: 5px 7px 5px 7px;
}
#theme_dropdown ul li a:hover, #navigation ul li a:hover {
  color: #f0f0f0;
  background: #0a4395;
}

.option_box{
    font-size: 14px;
    text-align: center;
    float: left;
    width: auto;
    padding: 10px;
    background: #f0f0f0;
    color: #666666;
}

.nav_help{
    display: inline;
    color: blue;
    cursor: pointer;
}

#flash_on{
  display: inline;
  font-size: 14px;
}

#quiz_mode {
  background: red;
  border: 1px solid white;
  color: white;
  width: auto;
  padding-left: 5px; 
  padding-right: 5px;
}

.external_function, .internal_function{
  cursor: pointer;
  margin-left: 8px;
  display: inline;
}

.external_function{ margin-bottom: -2px; }

#quiz_word{ /* for overlabel */
  position: relative;
  display: inline; 
}

.add_list_button{ padding: 3px; font-size: 13px; }
.add_list_button:hover{ text-decoration: none; }

#zoom_out_list{
  padding: 20px;
}

#all_lists{ margin-top: 50px; margin-bottom: 15px; }
#all_lists_title{
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 20px;
}

a.list_link{ color: #FF00FF; }

/**************************list table************************************/
#all_list_table{
  width: 480px;
  margin-left: 30px;
  margin-bottom: 15px;
}

table.lists {
  background: #fff;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
 
table.lists th {
  color: white;
  background: #3270EF;
  font-weight: bold;
  padding: 3px;
}
 
table.lists tr.even {
  background: #ddd;
}
 
table.lists tr.odd {
  background: #eee;
}
/***********************table end****************************************/
#inner_water_control{ height: 40px; }
.waterfall_button{
    position: absolute;
    top: 0;
    left: 0;
}
#waterfall_control{ 
  width: 32px; 
  height: 40px; 
  position: relative; 
  float: left;
  display: inline-block; 
  margin-left: 10px;
  margin-top: 5px;
}

.now_showing{ 
  position: relative;
  display: inline-block; 
  float: left;
  margin-left: 20px;
}

#showing_title{
  width: 125px;
  position: relative;
  left: 0px;
}

#showing_name{ font-weight: bold; }

.waterfall_active{
    cursor: pointer;
    opacity:0.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
}

#lists_paginate{ margin-left: 170px; }

#list_tag_cloud{
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
}

.box_title{
  text-align: center;
  padding: 2px;
  color: white;
  font-weight: bold;
  position: relative;
}

.box_link_block{
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  padding-top: 2px;
  font-size: 12px;
}

#waterfall_explain{ cursor: pointer; }

a.box_link{ color: white; text-decoration: underline; }
a.box_link:hover{ color: blue; }

.home_box{
  margin: 10px;
  background: white;
  position: relative;
  padding: 0px;
  color:#666666;
}

.box_padding_5{ padding: 5px; }
#avatar_box_padding{ padding: 5px; }
.list_box_padding{ padding: 10px; }
#tag_box_padding{ padding: 3px; }
#list_link{ margin-left: 35px; margin-top: 10px;}
#reg_list_link{ 
    margin-left: 10px; 
    margin-top: 10px; 
    max-width: 400px; 
    overflow: hidden;
}
#your_lists{ text-align: left; }

.list_word_count{ font-size: 13px; display: inline; color: #666666;}
#list_count{ 
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 5px;
  font-size: 13px;
}

.css1 { font-size: 1.0em; color: light blue; margin: 10px; }
.css2 { font-size: 1.2em; color: green; margin: 20px; }
.css3 { font-size: 1.4em; color: red; margin: 10px; }
.css4 { font-size: 1.6em; color: purple; margin: 20px; }

#save_tag{
    border: 1px solid black;
    cursor: pointer;
    padding: 2px;
}

#add_tag_field{
    font-size: 14px;
    width: 150px;
}

#reg_list_tags{
    background: #dddddd;
    border: 1px solid #666666;
    width: 200px;
    margin: 20px;
    padding: 3px;
}

#reg_list_tags #tag_title{
    font-size: 17px;
    padding: 3px;
    color: #666666;
}

#list_tags{ width: 150px; }
a.tag_link{ color: #666666; }
a.tag_link:hover{ color: blue; }

.list_tag{
  text-align: center;
  width: auto;
  padding: 3px;
}

.list_tag_delete{ display: inline; margin-left: 15px; }

/********************************basic layout for form***********************************************/
#feedback_form{ 
  position: relative;
  left: 0;
}

#myform_block{ display: inline-block; }
.myform{ margin:0 auto; width:400px; }
/* ----------- basic ----------- */
#basic{}
#basic h1 {
        font-size:14px;
        font-weight:bold;
        margin-bottom:8px;
}
#basic p{
        font-size:11px;
        margin-bottom:20px;
        border-bottom:solid 1px #dedede;
        padding-bottom:10px;
}
#basic label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:110px;
        float:left;
        color:#2F0729;
}
#basic .small{
        color:brown;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:right;
        width:110px;
}
#basic input{
        float:left;
        width:200px;
        margin:2px 0 10px 10px;
}
#basic .submit_button, #update_save{ 
        clear:both;
        margin-left:150px;
        background:#888888;
        color:#FFFFFF;
        border:solid 1px #666666;
        font-size:11px;
        font-weight:bold;
        padding:4px 6px;
        cursor: pointer;
}
#basic .submit_button:hover{ border: 1px solid #071444; }

 #update_save{ margin-left: 100px; }
#basic .textfield{
  font-size: 19px;
  width: 250px;
}

#basic.textarea{
   font-size: 19px;
   width: 300px;
   height: 200px;
}
/**********************************invite form**********************/
#invite_form{ }
#invite_form .textarea{ display: block; margin-bottom: 15px; }
#invite_form .submit_button{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background:#888888;
  color:#FFFFFF;
  border:solid 1px #666666;
  font-size:11px;
  font-weight:bold;
  padding:4px 6px;
  cursor: pointer;
}
.share_top_block{ display: inline-block; border: 1px solid black; }
#share_top_right{
  text-align: center;
  width: 250px;
}

/**********************************new list form********************/
.center_box{    
    text-align: center;
    border: 2px solid #666666;    
    height: auto;
    font-size: 18px;
    background: white;
    margin-left: auto; 
    margin-right: auto;
    margin-top: 60px;
    color: #666666;
    font-size: 28px;
    padding: 40px;
}

#create_list_box{
    width: 420px;
    margin-bottom: 40px;
}

#share_list_box{
    width: 350px;
    text-align: center;
    border: 2px solid #666666;    
    height: 100px;
    font-size: 18px;
    background: white;
    margin-left: auto; 
    margin-right: auto;
    margin-top: 120px;
    color: #666666;
    font-size: 28px;
    padding: 40px;
}

#new_list_form{ 
  font-size: 22px;
  text-align: center;
}
#new_list_form p{ text-align: left; margin: 15px; }
#new_list_form .textfield{ font-size: 18px; width: 390px }
#new_list_form .submit{
    clear:both;
    background:#888888;
    border:solid 1px #666666;
    padding:4px 6px;       
    font-size: 18px;
    color: white;
    padding: 3px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    top: 25px;
}

#basic #remember_me{ 
  position: relative; 
  bottom: 15px;
  _top: 275px;
}

#basic #remember_me_login{
  position: relative;
  bottom: 15px;
}

#spam_field{ display: none; }
#login_form{ display: inline; }

#login_username, #login_password{
  position: relative;
  float: left;
  margin-right: 3px;
  display: inline;
}

#login_username_field, #login_password_field{
  padding: 2px;
}

#search_label{ font-size: 22px; }
#word_word{ padding: 4px 4px 2px 4px; }

#login_remember_me{
  display: inline;
  font-size: 13px;
  margin-right: 4px;
}        

label.overlabel {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  color: #999;
}

label.overlabel-apply{
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 1;
    color: #999;
}

#login_submit{
    margin-top: 2px;
    border: solid 1px white;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    cursor: pointer;    
    display: inline;
}
#login_submit:hover{ border: 1px solid pink; }
      
#no_lists{
  width: 400px;
  height: 50px;
  border: 1px solid white;
  margin: 10px 0px 0px 10px;
  padding: 5px;
  background: green;
  color: white;
}

a.button_link{
  padding-right: 10px;
  height: 25px;
  border: 1px solid #666666;
  background: white;
  color: #FF00FF;
  display:inline-block;
  position: relative;
  line-height:29px;
  text-decoration:none;
}

a.button_link:hover{ 
  border: 1px solid blue; 
  color: blue;
}

a#stash_list_quiz{
  position: absolute;
  top: 5px;
  left: 5px;
  border: 1px dotted #666666;
  color: #666666;
}

a#stash_list_quiz:hover{ 
  color: blue; 
  border: 1px solid blue;
}

a.stash_list_link{
  padding-right: 10px;
  height: 25px;  
  background: white;
  display:inline-block;
  position: relative;
  line-height:29px;
  text-decoration:none;
}

a.stash_list_link:hover{ 
  color: blue;
  text-decoration: none;
}

a.home_button_link{
    border: 1px solid black;
  height: 25px;
  line-height:29px;
  display:inline-block;
  position: relative;
  text-decoration:none;
}

a.home_button_link:hover{ text-decoration: underline; }
a.button_link_solid{
  padding-right: 10px;
  height: 25px;
  border: 1px solid #666666;
  color: #333333;
  background: #F2D9E3;
  display:inline-block;
  position: relative;
  line-height:29px;
  text-decoration:none;
}

a.button_link_solid:hover{ 
  color: blue;
  text-decoration: underline;
}

#stash_list_span{
  background-image: url('/images/icons/save.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block; 
}

#down_arrow{
  background-image: url('/images/icons/drop_arrow/grey.png');
  background-repeat: no-repeat;
  width: 15px;
  height: 10px;
  position: relative;
  top: 3px;
  left: 4px;
  display: inline-block;
}

.drop_down_arrow{
  background-image: url('/images/icons/drop_arrow/blue.png');
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block; 
}

#list_arrow{
  position: relative;
  top: 4px;
  left: 2px;
}

#theme_arrow{
  position: relative;
  top: 3px;
  left: 3px; 
}

#list_quiz_link{
  background-image: url('/images/icons/stash_add.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block;
}

#add_list_span{
  background-image: url('/images/icons/save.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block; 
}

#home_link_span{
  background-image: url('/images/squirrely.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block; 
}

#new_list_span{
  background-image: url('/images/icons/list.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block; 
}

#your_list_link{
  background-image: url('/images/icons/list2.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 16px;
  text-indent:30px;
  display:block; 
}

/******************************************buttons************************************************************/
.toggle_profile{
  background-repeat: no-repeat;
  background-position:7px 0px; 
  font-size: 14px;
  text-indent:30px;
  display:block;
  z-index: 5;
}

#hide_profile{ background-image: url('/images/icons/hide_profile.png'); }
#show_profile{ background-image: url('/images/icons/show_profile.png'); }

#toggle_profile_button{ 
  float: right; 
  position: relative;
  top: 0px;
  right: 20px;
}    
/***************************users table************************************************************************/
table.users {
  background: #fff;
  margin-left: 2em;
  margin-top: 25px;
}
 
table.users td.bottom {
  border-top: 1px solid #999;
  padding-top: 10px;
}
 
table.users th {
  color: white;
  background: #3270EF;
  font-weight: normal;
}
 
table.users th a {
  color: white;
  text-decoration: underline;
}
 
table.users tr.even {
  background: #ddd;
}
 
table.users tr.odd {
  background: #eee;
}

table.table_test{
    padding: 10px;
    background: blue;
}


.digg_pagination {
  /* self-clearing method: */ }
  .digg_pagination a, .digg_pagination span {
    padding: .1em .4em;
    display: block;
    float: left;
    margin-right: 3px; }
  .digg_pagination span.disabled {
    color: #999;
    border: 1px solid #9AAFE5; }
  .digg_pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1; }
  .digg_pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #DDD; }
    .digg_pagination a:hover, .digg_pagination a:focus {
      background: #2C1436;
      color: white;
      border-color: #003; }
  .digg_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .3em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .digg_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .digg_pagination {
    height: 1%; }
  *:first-child+html .digg_pagination {
    overflow: hidden; }
  
.tos{ padding: 20px; background: white; }
.tos h2{ 
  color: #666666;
  margin-top: 12px;
  margin-bottom: 5px;
}
.tos h1, .tos h2, .tos h3{ color: #666666; }
.tos p{ display: block; margin-top: 5px; color: #666666; }

/*****************************http://www.cssplay.co.uk/boxes/snazzy2.html#nogo (rounded corners) *************************/
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid white;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:442px; 
/* float:left; */
margin:0 3px;
margin-bottom: 7px;
position: relative;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid white;
border-right:1px solid white;
}
.xb1 {
margin:0 5px; 
background:white;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid white; 
border-width:0 1px; 
height:auto;
text-align: left;
padding: 0px 7px 5px 7px;
position: relative;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
/*
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid white;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:442px; 
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid white;
border-right:1px solid white;
}
.xb1 {
margin:0 5px; 
background:white;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid white; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
*/