/* - - - - - - - - - - - - - - - - - - - - -

Title : Base Structure
Author : David Hsu
URL : http://groupable.com

Last Updated : September 30, 2009

- - - - - - - - - - - - - - - - - - - - - */

html, * {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 12px;
  outline: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, 
  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  background: #999 url(../img/container_bg.jpg) repeat-x top left;
}

img {
  border: none;
}

a {
  /*color: #29ABE2 ;*/ color: #4b7dd6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.btn {
  text-decoration: none;
}
  
p {
 margin: 0 0 10px; 
}

p.method {
 margin: 2px 0 10px; 
line-height: 16px;
}

p.note {
  color: #999;
  width: 95%;
  font-size: 12px;
  margin: 0 0 5px;
}
p.submit_bar {
  font-size: 15px;
  font-weight: bold;
}

small {font-size:10px;}

table { 
  border-collapse:collapse; 
  border-spacing:0; 
}
  table.radio {
    margin: 0 0 0 10px;
  }
  
td {
  padding: 1px 5px 0 0;
  vertical-align: top;
}
  td label {
    padding: 2px 10px 0 0;
  }

hr {
  margin: 0 0 10px 0;
  height: 1px;
  color: #e6e6e6;
  background-color: #e6e6e6;
  border: none;
}

h1 {
  font-size: 28px;
}

h1 .sponsor {
  font-size: 20px;
	color: #882288;
}

strong {font-weight:700;}
  
/* ----- Forms ----- */
.form_container {
  padding: 10px 10px 20px;
  overflow: hidden;
  font-size: 11px;
}
  .form_container .form_row {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .form_container .form_title {
    display: block;
    margin: 0 0 10px;
    color: #333;
  }
  .form_container .items_wrap {
    padding-bottom: 30px;
  }
  .form_container .item_wrap {
    padding: 5px 10px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    clear: both;
  }
    .form_container .bullet {
      margin-right: 5px;
    }
    .form_container .item .label {
      min-width: 55px;
      line-height: 16px;
      margin: 0 5px 0 0;
    }
    .form_container .item .content {
      line-height: 16px;
    }
      .form_container .subitem {
        font-size: 11px;
        margin: 0 0 10px;
        overflow: hidden;
      }
        .form_container .subitem textarea{
          width: 200px; 
          height: 50px;
          border: 1px solid #666;
          margin: 0;
        }

.left_arrow_bar {
  margin-top: 100px;
}
.right_actions a {
  margin-left: 5px;
}
.left_actions a {
  margin-right: 5px;
}

.field_container {
  margin: 3px 5px;
  overflow: hidden;
}

label {
  display: block;
  padding: 0 0 5px;
  font-weight: bold;
  color: #666;
}
.fixed_name {
  display: block;
  padding: 5px;
  font-weight: normal;
  color: #999999;
	background-color: #eeeeee;
	border: 1px solid #777;
	width: 40%;
}


 li.headlink ul { display: none; 
	}

li.headlink:hover ul { display: block; 
}

select {
  
}
option {
  padding: 0 5px;
}

textarea {
  border: 2px solid #ccc;
  padding: 3px 0 0 5px;
  font-weight: bold;
  font-size: 14px;
}


input[type="text"] {
  border: 2px solid #ccc;
  padding: 3px 0 2px 5px;
  font-weight: normal;
  font-size: 14px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
	width: 190px;
}


.radio_row input.text_aligned {
	margin: -6px 0 0 10px;
	height: inherit;
}

input .text_field2 {
  border: 2px solid #ccc;
  padding: 3px 0 2px 5px;
	color: #777777;
  font-weight: bold;
  font-size: 14px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}

input[type="password"] {
  border: 2px solid #ccc;
  padding: 3px 0 2px 5px;
  font-weight: bold;
  font-size: 14px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}
  input#search {
   height: 17px;
   width: 150px;
   border: none;
   padding: 1px 0 0 5px;
   color: #999;
   font-weight: normal;
   font-size: 11px;
  }
  input.checkbox {
    /* height: inherit; */
    height: 13px;
    border: none;
  }

form input.form-checkbox {
margin-top:0px;border:0 none;}

  input.inputsubmit, a.inputsubmit {
    font-size: 14px;
    font-weight: normal;
    padding:5px 15px;
    margin:0px;
	text-decoration:none;
  }

  a.inputsubmit {
    font-size: 11px;
  }

  a.inputsubmit:hover {
	text-decoration:none;
  }


  .normal_button {
    height: inherit;
    background-color: #8CC63F;
    border-color: #D9DFEA #666 #666 #D9DFEA;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    margin: 0;
    padding: 2px 10px 3px;
    text-align: center;
    text-shadow: 0 1px 0 #666;
    cursor: pointer;
    font-size: 12px;-moz-border-radius:4px 4px 4px 4px;
	background:url("../img/button_bg.gif") repeat-x scroll left top #3A6BB4;
	border-color:#442244;
	padding:5px 10px;
	text-shadow:0 1px 0 #000000;
  }
  .button { /* most of the time is belong to input */
    height: inherit;
    background-color: #8CC63F;
    border-color: #D9DFEA #666 #666 #D9DFEA;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    margin: 0 10px 0 0;
    text-align: center;
    text-shadow: 0 1px 0 #666;
    cursor: pointer;
  }

div.form2 {
  font-size: 11px;
}

.form2 label {
  display: block;
  padding: 5px 0px;
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

.form2 select {
  width: 150px;
}
.form2 option {
  padding: 0 5px;
}

.form2 textarea {
border: 1px solid #BBB;
  padding: 3px 0 0 5px;
  font-weight: normal;
  font-size: 11px;
}

.form2 input.text_field {
border: 1px solid #BBB;
  padding: 5px 0 5px 5px;
  font-weight: normal;
  font-size: 11px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}

.form2 input.text_field2 {
  border: 1px solid #BBB;
  padding: 5px 0 5px 5px;
  font-weight: normal;
  font-size: 11px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}
  .form2 input.inputsubmit {
    font-size: 11px;
    font-weight: normal;
    padding: 2px 10px 3px;
  }
  .form2 input.checkbox {
    height: 13px;
  }

.form2 span {
  font-size: 11px;
  line-height: 18px;
}

.form2 div.checkbox {
  display: block;
  padding: 0 0 5px;
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

.form3 {
  
}
.form3 label {
  float: left;
  line-height: 20px;
}
.form3  input[type="text"] {
  border: 1px solid #ccc;
  padding: 3px 0 2px 5px;
  font-weight: normal;
  font-size: 12px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}
.form3  input[type="password"] {
  border: 1px solid #ccc;
  padding: 3px 0 2px 5px;
  font-weight: normal;
  font-size: 12px;
  overflow: visible; /* very important for IE6, otherwise it won't apply your padding */
}
.form3 input[type="submit"] {
  font-size: 12px;
}
.form3 .error_msg {
  color: #ff0000;
  margin: 0 0 0 5px;
  display:none;
}
.form3 .msg {
  color: #8CC63F;
  margin: 0 0 0 5px;
}

/* Radio Buttons */  
.radio_rows {
  margin: 10px 0 5px 20px;
}
.radio_rows2 {
  margin: 5px 0 5px 0px;
}

.radio_row {
  clear: both;
  padding: 5px 0 0;
}
.radio_row input {
  height: 15px;
  float: left;
}
.radio_row textarea {
  margin-left: 10px;
}
.radio_row label {
  color: #666;
  height: inherit;
  float: left;
  padding: 0;
  margin: 0 0 0 10px;
  width:350px;
}
.radio_row label.short {
  width:inherit;
}

input.hover_field {  
  border: solid 2px #aaa;
  background: #fff;  
  color: #000;  
} 
input.focus_field {  
  border: solid 2px #73A6FF;
  background: #fff;  
  color: #000;  
}  
input.idle_field {   
  color: #cccccc;
}

input.idle_field2 {   
  color: #999;
}

.input_next {
	float:left;
	margin-top:-5px;
}

.margin0 {margin:0;} 

/* ----- Header ----- */
 
#header_wrap {
  text-align: center;
  margin: 0;
  padding: 4px 0 12px;
  background-color: #121212;
  color: #fff;
  border-bottom:1px solid #777;
  margin-top: -1px;
}
  #header {
    text-align: left;
    margin: 0px auto;
    position: relative;
    width: 960px;
    height: 30px;
  }
    #header ul {
      list-style: none;
    }
      #header ul li {
        text-decoration: none;
        float: left;
        position: relative;
      }
       #header li a {
					display:block;
					padding:3px;
					font-size:12px;
					letter-spacing:0.5px;
			}
#header li a img.envelope {
	padding-top:5px;
}
			 #header li .add_new a {
					display:block;
					padding:3px;
					border-top:1px dashed #888888;
				}

        #header li.icon a {
          padding: 0 0 0 3px;
          width: 18px;
        }
        #header li a:hover {
        }
    /* Logo Bar */
    #logo_bar {
      float: left;
      font-size: 20px;
      margin: 3px 20px 0 0;
    }
      #logo_bar a {
        color: #fff;
        text-decoration: none;
      }
        #logo_bar a img {
          width: 180px;
        }
    /* Menu Bar */
    #menu_bar {
      float: left;
      margin: 10px 0 0;
    }
      #menu_bar a.nav {
        color: #fff;
        text-decoration: none;
        padding: 2px 10px 5px;
      }
      #menu_bar a:hover.nav {
        color: #8CC63F;
      }
      #menu_bar a.current {
        color: #8CC63F;
      }
    /* Login Bar */
    #login_bar {
      float: right;
      font-size: 11px;
      font-weight: normal;
      margin: 4px 0 0;
    }
      #greeting {
        float: left;
        margin: 0 15px 0 0;
      }
      #actions {
        float: right;
        padding: 0 0 0 15px;
        border-left: 1px solid #333;
      }
      #login_bar a.action {
        padding: 8px 0 8px 10px;
		text-decoration: none;
      }
	  
	  #login_bar a:hover {
		color: #8CC63F;
	  }
	
      #login_bar a#login_anchor {
	     padding: 8px 10px 8px 10px;
		 z-index:2000;
		 position:relative;
      }

	  #login_bar #forget_passwd_link a {
		 padding: 8px 0 0px 0px;
	  } 
	
 	  #login_bar .my_groups {
        /*padding: 2px 15px 5px 0;*/
      }

 	  #login_bar .inbox {
        padding-top: 2px;margin-left:5px;
      }

      #login_bar label {
        color: #f2f2f2;
        font-size: 12px;
        font-weight: normal;
      }
      #login_bar input.text {
        border: none;
        width: 225px;
		padding:3px;
        font-size: 12px;
        font-weight: normal;
		color: #333333;
      }
	      #login_bar small {
	        font-size: 10px;
	      }
	
      #login_bar input.loginsubmit {
        font-size: 11px;
        font-weight: normal;
        padding: 2px 10px;
        margin: 0;
      }
      #login_bar .align-right {
        text-align: right;
      }
      #login_bar .row {
        clear: both;
        height: inherit;
        padding: 7px 0px;
      }
		
	 #login_bar .row a.add_new{
        padding-top: 10px;
	    padding-bottom: 10px;
      }

#login_bar #mygroups_box {
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
	background-color:#121212;
	display:none;
	padding:10px 20px 0;
	position:absolute;
	left:-120px;
	top:0px;
	width:200px;
	z-index:1;
    padding: 40px 10px 0 10px;
    background: transparent url(../img/groups_box.gif) top left no-repeat;
}

#login_bar #mygroups_anchor {
	z-index: 200;
	position:relative;
	padding:8px 10px;
}

#login_bar #mygroups_box .row {
	padding:3px 0;
}

#login_bar #mygroups_box .row a {
    padding-left: 15px;
    background: transparent url(../img/menu-bullet.gif) top left no-repeat;
}

/* Login Box */
#login_box {
  display: none;
  position: absolute;
  top: 0px;
  left: -198px;
  padding: 40px 10px 0 10px;
  background: transparent url(../img/login_box.gif) top left no-repeat;
  z-index: 1500;
  width: 230px;
}
  #login_box .error_msg {
    color: #f00;
  }
  #login_box .error_msg a {
    display: inline;
  }

#forget_passwd_box {
  display: none;
  position: absolute;
  top: 20px;
  right: -170px;
  padding: 10px 10px 0 10px;
  background-color: #121212;
  z-index: 100;
}


/* ----- Headtitle ----- */
#headtitle_wrap {
  text-align: center;
  margin: 0;
  padding: 0;
  color: #8CC63F;
  font-weight: bold;
  /*border-bottom: 3px solid #ddd;*/
  background: url('../img/shadow.png') repeat-x scroll 0 0 transparent;
  height: 90px;
  clear: both;
}
  #headtitle {
    text-align: left;
    margin: 0px auto;
    padding: 30px 0 0;
    position: relative;
    width: 960px;
    font-size: 21px;
  }

 #headsubtitle {
	font-size: 16px;
	color: #4B7DD6;
	padding-left: 15px;
	font-weight: normal;
	font-style: italic;
	float: right;
 }
/* ----- Navigation ----- */
#navigation_wrap {
  text-align: center;
  margin: 10px 0 0;
}
  #navigation {
    text-align: left;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 960px;
    height: 20px;
    border-bottom: 1px solid #666;
  }
    #navigation ul#menu {
      list-style: none;
      position: relative;
    }
      #navigation ul#menu > li {
        list-style: none;
        display: inline;   
      }
      #navigation .nav {
        
      }
        #navigation .nav a {
          padding: 0 10px 0;
        }
        #navigation .nav a:hover {
          color: #fff;
          background-color: #333;
        }
        #navigation .nav:hover ul{
          display: block;
        }
        #navigation .nav ul {
          display: none;
          list-style: none;
          position: absolute;
          top: 19px;
          left: 0;
          color: #fff;
          background-color: #333;
          margin: 0;
          padding: 10px 0 10px 10px;
          width: 100%;
        }
          #navigation .nav ul li {
            list-style: none;
            display: inline;
            margin: 0 10px 0 0;
          }
          #navigation .nav ul li a {
            color: #ddd;
          }
          #navigation .nav ul li a:hover {
            color: #fff;
          }

/* ----- Main ----- */    
#main_wrap {
  text-align: center;
  margin: 25px auto;
  padding: 0 0 30px 0;
  width: 960px;
  background-color: #fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
  #main_wrap #main {
    text-align: left;
    margin: 0;
    padding: 10px;
  }
    #main_wrap #main #sidebar {
      text-align: left;
      margin: 0 5% 0 0;
      float: left;
      width: 10%;
    }

#main .title_wrap {
  padding: 15px 0 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #ccc;
}
  #main .title_wrap .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px 0 0;
  }

#main .bottom_wrap {
  clear: both;
  padding: 8px 0;
  margin: 15px 0 10px;
  border-top: 1px solid #ddd;
  width: 100%;
}

#main .top_wrap {
  clear: both;
  padding: 8px 0;
  margin: 20px 0 20px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

  #main .bottom_wrap .bottom {
    margin: 10px 0 0;
    color: #999;
  }
    
#main .view {
  width: 100%;
}

/* ----- Footer ----- */
#footer_wrap {
  clear: both;
}

/* ----- Misc ----- */
.subtitle {
  color: #8CC63F;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.row {
  clear: both;
  padding: 0 0 10px;
}

.row .add_new{
  clear: both;
  padding: 0 0 10px;
	border-top: 1px dashed #cccccc;
}

a.external {
	padding-left:16px;
	background: transparent url(../img/external_link.gif) no-repeat 0px 0px;
}

.small {
  font-size: 10px;
}

.left {
  display: block;
  float: left;
}
.right {
  display: block;
  float: right;
}
.center {
  text-align: center;
}
.clear_fix, .clear {
  clear: both;
}
.block {
  display: block;
}

.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.align_center {
  text-align: center;
}
.align_justify {
  text-align: justify;
}

.loading {
  margin: 2px 0 0;
}

.tab_loading_msg {
  margin: 10px auto;
  text-align: center;
  display: block;
  clear: both;
}

.hidden {
  display: none;
}

.visible {
  display: inline;
}

.vhidden {
  visibility: hidden;
}

.width_5p {
  width: 5%;
}

.width_6p {
  width: 6%;
}
.width_10p {
  width: 10%;
}

.width_19p {
  width: 19%;
}
.width_11p {
  width: 11%;
}
.width_12p {
  width: 14%;
}
.width_20p {
  width: 20%;
}
.width_25p {
  width: 25%;
}
.width_30p {
  width: 30%;
}
.width_35p {
  width: 35%;
}
.width_40p {
  width: 40%;
}
.width_45p {
  width: 45%;
}
.width_50p {
  width: 50%;
}
.width_55p {
  width: 55%;
}
.width_60p {
  width: 60%;
}
.width_70p {
  width: 70%;
}
.width_80p {
  width: 80%;
}
.width_90p {
  width: 90%;
}
.width_95p {
  width: 95%;
}
.width_98p {
  width: 98%;
}
.width_100p {
  width: 100%;
}

.width_100px {
  width: 100px;
}
.width_120px {
  width: 120px;
}
.width_300px {
  width: 300px;
}

.lh_medium {
  line-height: 20px;
}

.underline {
  border-bottom: 1px solid #e6e6e6;
}

.warning_border {
  border: 6px solid #FF5050;
  padding: 10px 10px;
  margin: 0 0 20px 0;
  font-weight: bold;
  color: #666;
}

.lg_background { /* light gray */
  background-color: #F2F2F2;
}

.g_background { /* gray */
  background-color: #E6E6E6;
}

.w_background { /* white */
  background-color: #fff;
}

.green {
  color: #8CC63F;
}
.gray {
  color: #666;
}

.hmargin_small {
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}
.hmargin_medium {
  margin-left: 25px;
  margin-right: 25px;
  overflow: hidden;
}

.vmargin_btm_xs {
  margin-bottom: 5px;
}
.vmargin_btm_small {
  margin-bottom: 10px;
}
.vmargin_btm_medium {
  margin-bottom: 25px;
}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.view input.disabled {
  color: #ccc;
}
.view input.disabled_btn {
  color: #e6e6e6;
  background: #aaa;
  border:0;
  cursor:pointer;
}

.facebox_container {
  margin: 10px 25px;
}

.normal_link {
  color: #29ABE2;
  background-color: inherit;
}
.normal_link:hover {
  /*border-bottom: 1px solid #29ABE2;*/
  color: #55ccff;
}

/* Main Panel (only one column) */
#main_column {
  width: 770px;
  min-height: 300px;
  margin: 0 auto;
}
  #main_column .main_head {
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0 10px 0;
  }
  #main_column .explanation {
    color: #999;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
  }

/* Homepage */
#map_wrap {
  position: relative;
  width: 950px;
  height: 400px;
  border: 5px solid #8CC63F;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
  #map_wrap .overlay_wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 400px;
    background-color: #121212;
    opacity: 0.9;
  }
  #map_wrap .overlay_wrap .overlay {
    font-size: 21px;
    color: #fff;
    margin: 0 5px;
    padding: 15px 10px;
    border-bottom: 1px solid #fff;
  }
  #map_wrap .bottom_wrap {
    width: 950px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #8CC63F;
    padding: 10px 0;
  }
  #map_wrap .bottom_wrap .tout {
    width: 200px;
    height: 60px;
    line-height: 60px;
    float: left;
    margin: 0 55px;
    text-align: center;
  }
  #map_wrap .bottom_wrap .tout a {
    color: #fff;
    font-size: 21px;
    text-shadow: 0 2px 0 #999;
    text-decoration: none;
  }
  #map_wrap .bottom_wrap .tout a:hover {
    color: #121212;
  }
  
/* Search */
#headbox_wrap, #search_wrap {
  text-align: center;
  margin: 0;
  padding: 0;
  font-weight: bold;
  clear: both;
}

#search_wrap {
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#121212;
	color:#FFF;
	margin:15px auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	width:940px;
} 

  #headbox {
    overflow: hidden;
    text-align: left;
    margin: 0px auto;
    padding: 30px 0;
    position: relative;
    width: 960px;
  }
  #headbox .title {
    color: #8CC63F;
    font-size: 21px;
    margin: 0 0 10px 0;
  }
  
#searchbox {
  overflow: hidden;
  text-align: left;
  margin: 0px auto;
  padding: 30px 0;
  position: relative;
  width: 960px;
}
  #searchbox .note {
    font-weight: normal;
    color: #FFF;
  }

  #searchbox .title {
	color:#8CC63F;
	font-size:21px;
	font-weight:bold;
	margin:0 0 5px;
}

  #searchbox #search_field {
	margin:10px 10px 0 0;
    height: 19px;
    width: 800px;
    border: 1px solid #FFF;
  }
  .search_filter {
    padding: 0 0 3px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
  }
    .search_filter .checkbox_container {
      margin-right: 10px;
    }
  .result_summary {
    font-weight: bold;
    color: #666;
    margin: 0 0 10px 0;
  }
  .result_geolocate {
    margin: 0 0 10px 0;
float: right; color: #8CC63F; font-weight: normal;
  }



/* ----- Explore Groups ----- */
#explore_groups_section {
  
}
#explore_groups_section .title {
  color: #8CC63F;
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.explore_groups_container {
  width: 100%;
  margin: 0 auto 50px;
  padding: 20px 0 10px;
}
.explore_groups {
  margin: 0 auto;
  width: 870px;
}

.explore_groups .row {
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0;
}

.explore_group {
  width: 200px;
  height: 195px;
  float: left;
  margin: 0 10px 0 0;
  padding:5px;
  background: #e0e0e0;
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;
margin-top:5px;
}
  .explore_group.last {
    margin:5px 0 0;
  }

.explore_group .group_image {
  width: 200px;
  height: 150px;
  background-color: #fff;
}
.explore_group .info_container {
  padding: 10px 0 100px 0;
  color: #121212;
  background: #FFFFFF url(../img/module_bg.gif) repeat-x ;
  position: relative;
  opacity: 0.9;
}
  .explore_group .control_btn_container {
    position: relative;
    height: 15px;
    width: 100%;
    margin: -25px 0 5px;
  }
    .explore_group .control_btn {
      position: absolute;
      top: 0;
      right: 0;
      background-color: #e0e0e0;
      padding: 0 5px;
      display: block;
    }
  .explore_group .basic_info {
    padding: 0 5px;
    margin: 0 0 10px 0;
    overflow: hidden;
    position: relative;
  }
    .explore_group .basic_info .name {
      width: 145px;
      margin-left:5px;
padding-top:3px;
    }
  .explore_group .extra_info {
    padding: 0 5px;
    position: relative;
    margin: 0 0 10px 0;
  }
    .explore_group .extra_info div {
      margin: 0 0 3px 0;
    }
    .explore_group .extra_info span {
      margin: 0 5px 0 0;
      font-size: 11px;
    }
    .explore_group .extra_info span.strong {
      font-weight:bold;
    }
  .explore_group .links {
    padding: 0 5px;
    position: relative;
  }
    .explore_group .links a {
      display: block;
      margin: 0 0 3px 0;
      font-size: 11px;
    }

.small_GI_container {
  overflow: hidden;
  padding: 2px 0 0;
  margin: 0 5px 0 0;
}  
.small_GI .butterfly{border:1px solid #20447e;height:26px;width:28px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score.gif) repeat-x scroll 0 0;color:#ddeeff;text-shadow:0px 1px 0px #a2c2f3;-moz-text-shadow:0px 1px 0px #a2c2f3;-webkit-text-shadow:0px 1px 0px #a2c2f3;-ms-text-shadow:0px 1px 0px #a2c2f3;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 26px;text-align: center;padding:5px 0 0 3px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.small_GI .dragonfly {border:1px solid #6c2b8b;height:26px;width:28px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_pnk.gif) repeat-x scroll 0 0;color:#6c2b8b;text-shadow:0px 1px 0px #d4a3f5;-moz-text-shadow:0px 1px 0px #d4a3f5;-webkit-text-shadow:0px 1px 0px #d4a3f5;-ms-text-shadow:0px 1px 0px #d4a3f5;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 26px;text-align: center;padding:5px 0 0 3px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.small_GI .firefly {border:1px solid #bb5b06;height:26px;width:28px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_org.gif) repeat-x scroll 0 0;color:#bb5b06;text-shadow:0px 1px 0px #fcb884;-moz-text-shadow:0px 1px 0px #fcb884;-webkit-text-shadow:0px 1px 0px #fcb884;-ms-text-shadow:0px 1px 0px #fcb884;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 26px;text-align: center;padding:5px 0 0 3px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.small_GI .beetle {border:1px solid #666666;height:26px;width:28px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_slv.gif) repeat-x scroll 0 0;color:#666666;text-shadow:0px 1px 0px #c9c8c8;-moz-text-shadow:0px 1px 0px #c9c8c8;-webkit-text-shadow:0px 1px 0px #c9c8c8;-ms-text-shadow:0px 1px 0px #c9c8c8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 26px;text-align: center;padding:5px 0 0 3px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.small_GI .grub {border:1px solid #456615;height:26px;width:28px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_gr.gif) repeat-x scroll 0 0;color:#456615;text-shadow:0px 1px 0px #b3d954;-moz-text-shadow:0px 1px 0px #b3d954;-webkit-text-shadow:0px 1px 0px #b3d954;-ms-text-shadow:0px 1px 0px #b3d954;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 26px;text-align: center;padding:5px 0 0 3px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}



/* ----- General ----- */
.nav_bar {
  overflow: hidden;
  padding: 3px;
}

.sort_option_container {
  overflow: hidden;
  color: #666;
}
  .sort_option_container .label {
    margin-right: 5px;
  }

.search_result_items {
  padding: 20px 0 10px 0;
  border-top: 1px solid #e6e6e6;
  position: relative;
}

.search_result_items .GI_wrap img {
	width:60px;padding:2px;border:1px solid #CCC;background:#FFF;display:block;min-height:45px;
}

.search_results_actions {
	padding-left:10px;
    padding-top: 5px;
	width:120px;
} 

.search_results_actions .action {
	margin-bottom:4px;
}

.search_results_actions .action span{
	color:#ff6600;
}

.search_results_actions .action a {
	font-size:11px;
	background:transparent url(../img/bullet.gif) no-repeat;
	padding-left:20px;
}

.search_results_actions .action a.unwatch {
	font-size:11px;
	background:transparent url(../img/bullet2.gif) no-repeat;
	padding-left:20px;
	color: #b51880;
}

.search_sponsored {
	float:right;margin-top:18px;
	padding:5px 9px;
	color:#FFF;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;
	text-shadow: 0px 1px 0px #000;-moz-text-shadow: 0px 1px 0px #000;-webkit-text-shadow: 0px 1px 0px #000;
	margin-left:20px;
	background:#8CC63F;
}

.message_form {
margin:10px 25px;
padding:0;
}
.message_form label {
color:#333333;
margin:0 0 5px;
}
.message_form .text_field {
font-weight:normal;
width:360px;
}
.message_form textarea {
font-weight:normal;
height:150px;
width:360px;
}

.search_result_item {
  overflow: hidden;
  margin: 0 0 3px 0;
  padding: 5px;
  background:#FFF url(../img/module_bg.gif) top left repeat-x;
}
  .GI_wrap {
    overflow: hidden;
    padding: 0;
  }  

  .GI_wrap_right {
    float:right;
    padding-top: 5px;
  }

  
.GI_score .butterfly{border:1px solid #20447e;height:47px;width:48px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score.gif) repeat-x scroll 0 0;color:#ddeeff;text-shadow:0px 1px 0px #a2c2f3;-moz-text-shadow:0px 1px 0px #a2c2f3;-webkit-text-shadow:0px 1px 0px #a2c2f3;-ms-text-shadow:0px 1px 0px #a2c2f3;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 36px;text-align: center;line-height:54px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.GI_score .dragonfly {border:1px solid #6c2b8b;height:47px;width:48px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_pnk.gif) repeat-x scroll 0 0;color:#6c2b8b;text-shadow:0px 1px 0px #d4a3f5;-moz-text-shadow:0px 1px 0px #d4a3f5;-webkit-text-shadow:0px 1px 0px #d4a3f5;-ms-text-shadow:0px 1px 0px #d4a3f5;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 36px;text-align: center;line-height:54px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.GI_score .firefly {border:1px solid #bb5b06;height:47px;width:48px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_org.gif) repeat-x scroll 0 0;color:#bb5b06;text-shadow:0px 1px 0px #fcb884;-moz-text-shadow:0px 1px 0px #fcb884;-webkit-text-shadow:0px 1px 0px #fcb884;-ms-text-shadow:0px 1px 0px #fcb884;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 36px;text-align: center;line-height:54px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.GI_score .beetle {border:1px solid #666666;height:47px;width:48px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_slv.gif) repeat-x scroll 0 0;color:#666666;text-shadow:0px 1px 0px #c9c8c8;-moz-text-shadow:0px 1px 0px #c9c8c8;-webkit-text-shadow:0px 1px 0px #c9c8c8;-ms-text-shadow:0px 1px 0px #c9c8c8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 36px;text-align: center;line-height:54px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}
.GI_score .grub {border:1px solid #456615;height:47px;width:48px; font-family: Helvetica, Arial, sans-serif; background: transparent url(../img/GI_score_gr.gif) repeat-x scroll 0 0;color:#456615;text-shadow:0px 1px 0px #b3d954;-moz-text-shadow:0px 1px 0px #b3d954;-webkit-text-shadow:0px 1px 0px #b3d954;-ms-text-shadow:0px 1px 0px #b3d954;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;font-weight: bold;font-size: 36px;text-align: center;line-height:54px;cursor:help;letter-spacing: -1px; -moz-user-select:none;-khtml-user-select: none;user-select: none;}



  .more_info {
	margin-right:10px;
	margin-top:15px;
	float:left;
	display:block;
}

  .search_result_item .item {
    margin-left: 10px;
    width: 480px;
  }
  .search_result_item .title {
    margin: 0 0 3px 0;
  }
  .search_result_item .title a {
  	font-size:14px;
  }
  .search_result_item .summary {
    margin: 0 0 10px 0;
  }
  .search_result_item .misc span {
    font-size: 11px;
    margin-right: 10px;
  }
  .search_result_item .misc span.category {
    font-style:italic;
  }
    .search_result_item .misc .status {
      color: #8CC63F;
      font-weight: bold;
    }
    .search_result_item .misc .status a {
      font-size: 11px;
    }

#search_loading {
	text-align:center;
	margin-top:20px;
	display:none;
}

  .detail_tooltip {
    display: none;
    padding: 10px;
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3000;
  }
    .detail_tooltip > div {
      margin: 0 0 5px 0;
    }
    .detail_tooltip .basic_info_container {
      overflow: hidden;
    }
    .detail_tooltip .basic_info div {
      margin: 0 0 3px 0;
    }
    .detail_tooltip .profile_image {
      text-align: center;
      width: 100%;
      margin: 0 0 5px 0;
    }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	top: 0;
  left: 0;
}
#tooltip h3, #tooltip div { margin: 0; }



#pagination a {
  margin: 0 5px 0 0;
}
#pagination a.last_page {
  margin: 0;
}
#pagination .prev_page {
  margin: 0 10px 0 0;
}
#pagination .next_page {
  margin: 0 0 0 10px;
}
#pagination .disable {
  color: #ccc;
}
#pagination .current_page {
  color: #999;
  margin: 0 5px 0 0;
}

/* FOOTER */
#footer_wrap {
  background-color: #121212;
border-top:1px solid #aaa;
margin-bottom:-30px;
}

#footer {
	padding: 30px 0 50px 80px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 900px;
	overflow: hidden;
}

#footer .section {
	margin: 0;
	width: 200px;
	float: left;
}
  #footer .section.last {
  	margin: 0;
  }

#footer a {
  color: #fff;
  font-size: 11px;
}
#footer a:hover {
  color: #8CC63F;
}

#footer h5 {
	color: #8CC63F;
	font-family: "lucida grande",arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}


#footer ul {
	list-style-type:none;
}

#footer li {
	margin: 0 0 5px 0;
}

#footer p strong {
  color: #fff;
  font-size: 11px;
}

/* Generic */
.generic {
  
}
  .generic > .title_container .title {
    font-size: 20px;
    font-weight: bold;
    color: #8CC63F;
    padding: 0 0 15px 0;
    margin: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
  }
 .title_container .title {
    font-size: 20px;
    font-weight: bold;
    color: #8CC63F;
    padding: 0 0 15px 0;
    margin: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
  }

  .generic .container {
    overflow: hidden;
  }
    .generic .container .main_column {
      float: left;
      width: 600px;
      padding: 0 20px 20px 0;
      border-right: 1px solid #ccc;
    }
      .generic .container .main_column p {
        color: #666;
				line-height: 17px;
      }
    .generic .container .sidebar {
      float: left;
      width: 250px;
      padding: 0 0 20px 20px;
    }
      .generic .container .sidebar .title_container {
        margin: 0 0 20px 0;
      }
        .sidebar .title_container .title {
          font-size: 16px;
          font-weight: bold;
          margin: 0 0 3px 0;
        }
        .sidebar .title_container .small_title {
          font-weight: bold;
        }
        .sidebar .title_container .note {
          color: #999;
        }
        
      .generic .container .sidebar .link {
        margin: 0 0 10px 0;
      }
      .generic .sidebar .form_container {
        padding: 10px 0px 20px;
      }
        .generic .form_container .field_container {
          margin: 3px 0px;
        }
        .generic .form_container .field_container textarea {
          width: 225px;
          height: 150px;
        }

.qas_container {
  min-height: 400px;
}

.qa_container {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
  .question_container {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .answer_container {
    overflow: hidden;
    margin: 0 0 10px 0;
  }
    .answer_container .answerer {
      float: left;
      width: 20px;
      font-size: 16px;
      font-weight: bold;
      margin: 0 5px 0 0;
    }
    .answer_container .answer {
      float: left;
      width: 550px;
      color: #666;
    }

/* errors */

.error_msg, .error_msg2 {
  color: #c00;
  margin: 2px 0 0;
  padding: 1px 0 0 20px;
  background: url("../img/exclamation.png") no-repeat;
}

span.error_msg {
	display:none;
  margin-left:10px;
}

.accept_msg {
  color: #8CC63F;
  margin: 2px 0 0;
  padding: 1px 0 0 20px;
  background: url("../img/accept.png") no-repeat;
}

/* Survey */

.survey_left {
	float:left;
	width:420px;
}

input.add_up_100 {
	text-align:right;
	padding-right:3px;
}

#hh_income {
	text-align:right;
}

.steps {
	margin: 5px 100px 5px 170px;
	color:#ccc;
}

.steps a {
	color: #ccc;
	font-size: 10px;
}

.steps a:hover {
	color: #8cc63f;
	text-decoration:none;
}

.steps h5, steps a h5 {
	font-size: 13px;
	font-weight: bold;
}



.steps ul li {list-style-type: none;display:inline;float:left;padding-right:45px;padding-left:20px;font-size:10px;}
.steps li.current {color: #8cc63f;}
.steps li.complete {background:#FFF url(../img/tick_grey.gif) no-repeat top left;}
.steps li.complete, .steps li.current_complete {color: #8cc63f;background:#FFF url(../img/tick_grey.gif) no-repeat top left;}

.step_error {
	text-align:center;
	padding: 10px 0px;
	margin:-20px 0px 20px 0px;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background-color: #f7b29f;
}

.loading_right {
	float:left;
	margin-right:10px;
	margin-top:-2px;
}
.loading_left {
	float:right;
	margin-left:10px;
	margin-top:-2px;
}
.loading_left img, .loading_right img {height:30px;}

/* Facebox messages */
.section_help {display:none;}
.message_facebox {padding:10px;margin-bottom:30px;}
.message_facebox h2 {font-weight:700;font-size:24px;margin:10px 0px;}
.message_facebox .actions {margin:30px auto;}

/* New Addons */

.button {cursor:hand;background: #3a6bb4 url(../img/button_bg.gif) repeat-x top left;text-shadow: 0px 1px 0px #000;-moz-text-shadow: 0px 1px 0px #000;-webkit-text-shadow: 0px 1px 0px #000;-ms-text-shadow: 0px 1px 0px #000;padding:5px 10px;border-color:#442244;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;ms-border-radius:4px;}

/* Press Page */
#press ul { margin-left: 30px;}

#press li { margin: 30px 40px; list-style: none; border-bottom: 1px dotted #AAA; padding-bottom: 24px;}
#press li a {font-size: 14px;}
.pressnam {
	float: right;
}