html{color:#000;background:#FFF;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
fieldset,img{border:0;}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom: 1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

h1 { 
  font-size: 1.3em;
  margin: 0;
  padding: 1px 0 1em 20px;
  margin-left: -20px;
  color: #6093E0;
  text-transform: uppercase;
  background: url(/images/icons/icn_arrow_blue.gif) no-repeat transparent 0 0;
}
h2 {
  margin-bottom: .5em;
  padding: .2em 0 .3em 0;
  color: #1E3E8F;
  font-size: 1.3em;
}
h3 {
  margin: 0;
  padding: .2em 0 .5em 0;
  color: #1E3E8F;
  font-size: 1.15em;
}
h4 {
  clear:right;
}
a:hover {
  color:#37A949;
}
a {
  color:#0181E3;
}
th {
  text-align: left;
  color: #FFFFFF;
  background-color: #898989;
  color:#6093E0;
  font-weight:bold;
  background:transparent;
}

/*============ SEARCH FORM =============*/
.blue-box{
  padding: 1em 1em .5em 1em;
  border:2px solid #92baf1;
  margin:0 0 1.5em 0;
  background:#e6f0fa;
}
.blue-box p{
  position:relative;
}
.blue-box input.text{
/*  font-size:1.6em;*/
  width:300px;
  margin-right:10px;
}
.blue-box input.submit{
/*  position:absolute;*/
}
.blue-box label {
  font-size: 1.3em;
}
.blue-box label.search-title {
  font-size: 1.5em;
  font-weight: bold;
}
.blue-box label.search-instruction {
  font-size: 1em;
}
.blue-box fieldset {
  margin-bottom: 0;
}





/*========= SIDEBAR =========*/



#header {
  height:120px;
  width:100%;
  clear:both;
}
#header .gutter {
  margin:auto;
  width:974px;
  height:120px;
}
#header .gutter .first {
  position:relative;
  height:120px;
  float:left;
  text-align:left;
}
#header .gutter .last {
  position:relative;
}
#footer {
  padding-top:1em;
  margin-top:1em;
  height:88px;
  width:100%;
  clear:both;
}
#footer .gutter {
  margin:auto;
  width:974px;
}
#footer .gutter .first {
  position:relative;
  float:left;
  margin-top: 25px !important;
  text-align: left;
  width: auto;
}
#footer .gutter .last {
  position:relative;
  float:right;
  text-align: right;
}
#ilivehere-logo {
  display:block;
  width:575px;
  height:60px;
  margin-top:50px;
  text-decoration:none;
}
#gogreen-logo {
  display:block;
  background:white url(/images/tree.jpg) no-repeat;
  width: 160px;
  height: 86px;
  margin-top:13px;
  padding-top:10px;
  padding-left:75px;
  font-size:18px;
  font-weight:bold;
}
#gogreen-logo .green {
  color:green;
}
#gogreen-logo a {
  font-size:14px;
  font-weight:normal;
}
#account-links {
  position:absolute;
  top:0;
  right:0;
  width:300px;
  padding:.5em;
  margin-top:90px;
  font-weight:bold;
  font-size:.8em;
}
#navbar {
  background:#5C7CBC url(/images/bg_nav.gif) repeat-x scroll left top;
  border-bottom:1px solid #3C4F73;
  border-top:1px solid #3C4F73;
  min-height:30px;
  width:100%;
  clear:both;
}
#navbar .gutter {
  margin:auto;
  width:974px;
}
#navbar ul {
  background:transparent url(/images/bg_navigation_li.gif) no-repeat scroll left 1px;
  margin:0pt auto;
  overflow:hidden;
  padding:0pt;
  width:100%;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#navbar ul li {
  display:inline;
  float:left;
  min-height:24px;
  background:transparent url(/images/bg_navigation_li.gif) no-repeat scroll right 1px;
}
#navbar ul li:hover {
  background-color:#a0bce1;
  margin-top:1px;
}
#navbar ul li a {
  display:block;
  color:white;
  font-size:0.9em;
  font-weight:bold;
  letter-spacing:1px;
  min-height:20px;
  padding:8px 12px 1px 20px;
  text-decoration:none;
  text-transform:uppercase;
}
#navbar ul li a {
  background:transparent url(/images/icons/icn_arrow_dkblue.gif) no-repeat scroll 8px 50%;
}
#navbar ul li a:hover {
  background-image: url(/images/icons/icn_arrow_green.gif);
}
#main {
  margin:auto;
  margin-top:20px;
  width:974px;
  clear:both;
}
#content {
  float:left;
  width:634px;
}
#sidebar {
  float:left;
  width:320px;
  margin-left: 20px;
}

/*========= SIDEBAR =========*/

#sidebar-login{
  margin-bottom:20px;
}
#sidebar-login input.text{
  margin:0;
  padding:0;
  width:100%;
}
#sidebar-login p{
  margin:0;
  padding:0;
  color:#666;
}
#sidebar-login p.button-paragraph{
  text-align:right;
}

/*======== SEARCH =========*/

#map{
  height:400px;
  margin-bottom:1em;
  clear: both;
  margin-top: 0px;
}
#search-results .yui-gc{
  margin:0 0 1em 0;
  padding-bottom:5px;
  clear:both;
  border-top:1px solid #aaaaaa;
  padding-top:10px;
}
#search-results .yui-gc .yui-u{
  float:left;
  width:12%;
  margin-left:1.99%;
}
#search-results .yui-gc .yui-u.first{
  width:62%;
  margin-bottom:10px;
}
#search-results .yui-gc .yui-u.next{
  width:20%;
  margin-bottom:10px;
}
#search-results p{
  margin:0;
  padding:0;
}
#search-results p.title{
  font-size:1.2em;
}
#search-results img{
  margin-right: 20px;
}

span.search-categories, span.search-categories a, span.search-categories a:visited{
  color:green;
}

/*======== FORM ========*/

.toolbar{
  width:100%;
  background:#e6f0fa;
  margin-top:1em;
}
.toolbar p{
  padding:.5em;
}

.progressive{
  width:100%;
  background:#e6f0fa;
  margin-top:1em;
}
.progressive p{
  padding:.5em;
}

table#main-form{
  width:100%;
}
table#main-form td{
  padding-top:.3em;
  border:0;
}
table#main-form h2, table#main-form h3{
  padding-left:0 !important;
  margin-left:0 !important;
  padding-top:1em;
}

fieldset.data{
  border:1px solid #ccc;
  padding:1em;
  color:#666;
}
fieldset.data legend{
  padding:0 .5em;
  font-weight:bold;
  color:#6093E0;
}

/*======== IN-PLACE FORM ========*/


#edit-detail-wrap input[type="text"], #edit-detail-wrap textarea {
	width:400px;
	margin-bottom:10px;
}

#edit-detail-wrap .editor_ok_button {
	font-size:13px;
	height:21px;
	margin-left:2px;
	padding:2px 14px 2px 14px;
	vertical-align:top;
	margin-top:-3px;
	width:100px;
}

#edit-detail-wrap .editor_cancel {
	font-size:13px;
	margin-left:2px;
	vertical-align:top;
	padding:2px 10px 2px 10px;
}


/*========== ERRORS ==========*/

.fieldWithErrors {
  border:2px solid #fae06b; /*#E2451C;*/
  border:1px solid #E2451C;
  border:1px solid #72a143;

/*  border:1px solid #ab2600;*/
  padding:1px;
  background:#eff4d6 url(/images/yellow-grad-text.gif) repeat-x scroll 0%;
/*border-color:#7C7C7C #C3C3C3 #DDDDDD;*/


}

#errorExplanation {
  width: 400px;
  border: 1px solid #CCC;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #F7F7F7;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 25px 5px 5px 15px;
  font-size: 16px;
  margin: -7px;
  height:20px;
  border-bottom:1px solid #CCC;
	/*background:#eff4d6 url(/images/yellow-grad.gif) repeat-x scroll 0%;*/
	/*  background-color: gray; /* #FEEFB3;*/*/
	/*  color: #fff;*/
  border:1px solid #FFFAD4;
  background:#ECDF64;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

.top-error {
	margin-top:20px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

.error{
  background:#fff3b2;
  color:#7B7771;
  font-weight:bold;
  width:451px;
  margin:auto;
  padding:1em 3em;
  text-align:left;
  border:1px solid #999;
  margin-bottom:1em;
}

/*#registerWrapper .fieldWithErrors {
  border:none;
}*/

#registerWrapper #errorExplanation {
  border: none;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fff;
}

#registerWrapper #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 18px;
  font-weight:bold;
  margin: -7px;
  background-color: #fff;
  color: #7B7771;
}

#registerWrapper #errorExplanation p {
  color: #7B7771;
  margin-left:4px;
  margin-bottom: 0;
  padding: 5px;
}

#registerWrapper #errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#registerWrapper .error{
  background:orange;
  width:400px;
  margin:auto;
  padding:1em 3em;
  text-align:center;
  margin-bottom:1em;
}

/*=========  TABS  ==============*/


.tabs {
	margin-left: 0;
	padding-left: 0;
}

.tabs li {
	float: left;
	background: url(/images/tab_inactive_left.gif) no-repeat left top;
	list-style-type: none;
	margin: 0 0 0 0;
	padding-left: 6px;
}

.tabs li.first {
	background-position: -2px top;
	padding-left: 4px;
}

.tabs li a {
	text-decoration: none;
	background: url(/images/tab_inactive_right.gif) top right no-repeat;
	padding: 6px 6px 6px 3px;
	display: block;
}

.tabs li a:hover {
	text-decoration: underline;
}

.tabs li.active {
	background-image: url(/images/tab_active_left.gif);
}

.tabs li.active a {
	background-image: url(/images/tab_active_right.gif);
	color: #666;
	cursor: default;	
}

.tabs li.active a:hover {
	text-decoration: none;
}

/*======= pagination ==========*/

.flickr_pagination {
  clear:both;
  padding:0.3em;
  text-align:right;
}
.flickr_pagination a, .flickr_pagination span {
  padding:0.2em 0.5em;
}
.flickr_pagination span.disabled {
  color:#AAAAAA;
}
.flickr_pagination span.current {
  color:#FF0084;
  font-weight:bold;
}
.flickr_pagination a {
  border:1px solid #DDDDDD;
  color:#0063DC;
  text-decoration:none;
}
.flickr_pagination a:hover, .flickr_pagination a:focus {
  background:#0063DC none repeat scroll 0%;
  border-color:#003366;
  color:white;
}
.flickr_pagination .page_info {
  color:#AAAAAA;
  padding-top:0.8em;
  text-align:right;
}
.flickr_pagination .prev_page, .flickr_pagination .next_page {
  border-width:2px;
}
.flickr_pagination .prev_page {
  margin-right:1em;
}
.flickr_pagination .next_page {
  margin-left:1em;
}

.flickr_pagination{
  margin: 1em 0;
  text-align:left;
  background:#e6f0fa;
  padding:1em;
}
.flickr_pagination a {
  border:1px solid #666;
  color:#0063DC;
  text-decoration:none;
}

/*========= LEGEND =========*/

#legend {
	margin: 3em 0 0 10px;
	padding: 0;
}

#legend li {
	list-style-type: none;
	clear: both;
	height: 40px;
	margin-bottom: 12px;
	margin-top: 12px;
	line-height: 20px;
}

#legend li img {
	float: left;
	display: block;
	margin: -8px 12px 0 0;
}

/*=========== BUTTONS ==========*/
.bt_blue {
  display:block;
  padding: 3px 15px 3px 12px;
  border: 1px solid #3364b0;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/images/bg_nav.gif) repeat-x top #5C7CBC;
  line-height: 1.9em;
}

a.bt_blue:visited:hover, a.bt_blue:hover {
  color: #90cefd;
  
}

.bt_blue .plus {
  color: #2850A0;
  font-size: 20px;
  margin: 0 8px -3px 0;
  display: block;
  float: left;
}

a.bt_blue:visited{
  color:#fff;
}

#my_location_container td {
	border: none;
}

#separator_text {
	font-size: 24px;
}

#my_location_zip_container {
	vertical-align: top;
}

#main-search-button {
/*	position: absolute;*/
	cursor: pointer;
}

.search_label {
	color: red;
	font-size: 18px;
}

#range {
	display: block;
}

.media-url-margin{
	margin:15px 0px;
}

.media-url-float-left{
	float:left;
}

.media-url-float-right{
	float:right;
	margin-right:10px;
}

.media-url-ajax-uploader{
	border:0px;
	visibility:hidden;
}

.resource-media-div{
	padding:10px;
	color:#000;
}

.preview_popup{
	position:fixed;
	top:85px;
	left:325px;
	border: 2px solid GRAY;
	width:373px;
	background:#fff;
}
.preview_close{
	cursor:pointer;
	text-decoration:none;
	color: RED;
	position:fixed;
}

.wrong_link_color{
	background-color: #FFE4E1;
}

.div_preview_image_main{
	width:100%;
	margin:10px 0px;
	float:left;
}
.div_preview_image_left{
	width:50%;
	margin:10px 0px;
	float:left;
}
.div_preview_image_right{
	width:40%;
	margin:10px 0px;
	float:right;
}

.image_border{
	border : 3px solid #ccc;
}

.error_massage{
	color:red;
	font-style:italic;
	font-size:11px;
	display:none;
}

.preview_main_div{
	float:left;
	padding:10px;
	width:360px;
}

.preview_youtube_div{
	float:left;
	width:330px;
}

.preview_flickr_div{
	float:left;
	width:330px;
}

.preview_close_div{
	color:red;
	float:left;
	width:30px;
}
.preview_close_image{
	border:0px;
	margin-left:3px;
	cursor:pointer;
}
.profile_title_bar{
	color:#6093E0;
	font-size:1.3em;
	margin:0 0 0 -20px;
	padding:1px 0 1em 20px;
	text-transform:uppercase;
	font-weight:bold;
}
.right_flash_message{
	color:GREEN;
	font-size:13px;
}
.wrong_flash_message{
	color:RED;
	font-size:13px;
}
.profile_main_div{
	margin-left:20px
}
.profile_sub_div{
	width:100%;
	margin:10px;
	float:left;
	font-size:12px;
}
.profile_sub_div_left{
	width:15%;
	float:left;
	font-weight:bold;
}
.profile_sub_div_right{
	width:85%;
	float:left;
}
.profile_toolbar_bottom{
	float:left;
	height:35px;
	margin-bottom:10px;
}

/* --START-- Css For Resource Comment Area*/
#comment_area .post_a_comment{
  border: 1px solid GRAY;
  font-weight: bold;
  padding: 3px;
  cursor: pointer;
}
#comment_area .comment_area_hide{
  display:none;
}
#comment_area .comment_area_width{
  width:100%;
}

#comment_area .poll_area_width{
  width: 100%;
  margin: 5px 10px;
  float:left;

}
#comment_area .comment_option_area{
  float:left;
  width:100%;
/*   margin-top:10px; */
}
#comment_area .comment_submit_area{
  float:left;
  width:70%;
  margin-top:10px;
}
#comment_area .poll_area_left{
  float:left;
  width:55%;
}
#comment_area .poll_area_right{
  float:left;
  width:45%;
  font-weight:bold;
}
#comment_area .comment_text_area{
  margin-left:10px;
}
#comment_area .comments_text_area{
  width: 428px;
  border: 1px solid #000;
}
#comment_area .comment_submit_left{
  float:left;
}
#comment_area .comment_submit_right{
  width: 45%;
  text-align:right;
  margin-bottom:20px;
  float:right;
}
#comment_area .comments_submit_button{
  border: 1px solid #000;
  padding: 2px;
  cursor: pointer;
}

#comment_area .comment_error_massage{
  color:red;
  font-style:italic;
  font-size:11px;
}
#comment_area .comment_lists{
  width:97%;
  margin-left:10px;
  border: 1px solid GRAY;
  float:left;
  margin-bottom:7px;
  margin-top:7px;
  height:45px;
}
#comment_area .comment_name_date{
  width:18%;
  text-align:center;
  float:left;
  overflow:hidden;
  border-right: 1px solid GRAY;
  height:45px;
}
#comment_area .coment_contents{
  float:left;
  margin-left:10px;
  margin-top:5px;
  width:79%;
}
#comment_area .commented_user{
  font-weight:bold;
  margin-top:5px;
}
#comment_area .comment_success_massage{
  color:GREEN;
  font-style:italic;
  font-size:12px;
}

/* --END-- Css For Resource Comment Area*/

.pagination_summary
{
float:none;
clear:both;
}
#resource_comment_table{	
	border:0px;
        width:100%;
        border-collapse:collapse;
        border-spacing:0px;
        /*margin-top:15px;*/
}
#resource_comment_table tr
{
  border:1px solid #000000;
}
#resource_comment_table td
{
  border-top:0px solid gray;
}
.clear
{
  clear:both;
}
.left
{
  float:left;
  font-weight:bold;
}
.right
{
  float:right;
}
.spinner
{
  clear:both;
  margin-top:5px;
  text-align:center; 
}
.resource_comments
{
  background:#F1F1F1 none repeat scroll 0 50%;
  border:1px solid #E5E5E5;
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  margin-top:10px;
  margin-bottom:10px;
}
.resource_comments td
{
  text-align:left;
}
.resource_name
{
  width:100px;
  float:left;
}
.comments_content
{
  float:left;
  width:200px;
}
.need_review
{
  width:101px;
  float:right;
}
.spam
{
  width:70px;
  float:right;
}
.hidden
{
  width:50px;
  float:right;
}
.display_comments
{
  width:100%;
}
.greenrow
{
  background-color: rgb(204, 255, 204);
}
.yellowrow
{
  background-color: #FFFFCC;
}
.review_button
{
  float:right;
  width:120px;
}
.decoration
{
  text-decoration:none;
}
.search_resource
{
  float:right;
  padding:8px 16px 5px 10px;
  width:336px
}
.search_resource_spam
{
  width:50px;
  float:right;
}
.search_resource_text
{
  float:left;
}
.search_resource_text text
{
  border:1px solid #000000;
}
.search_resource_hide
{
  width:60px;
  float:right;
  margin-top:2px;
}
.search_resource_button
{
  width:50px;
  float:right;
  margin-top:2px;
}
.search_not_found
{
  border:1px solid #000000;
  text-align:center;
  margin-top:20px;
  margin-bottom:10px;
}
.comment_search_text
{
  border: 1px solid GRAY;
  height: 17px;
}
.comment_search_submit
{
  border: 1px solid #000;
  cursor: pointer;
}
