/*
Moosecatch CSS, 2009 v2
*/
body {font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:0.8em; color: #343333; margin:0; padding:0; } /*  background: #d2e3fc;  */

ul { list-style-type: none; padding: 0px; }
a, a:visited, a:hover { text-decoration: none; color: #5C8B17; }
img {border:none;}

.error { color: red; font-size: 70%; }
.ligth, .close { font-size: 70%; }
.ligth { float: left; }
.close { float: right; margin: 2px; cursor: pointer; }
.small { font-size: 70%; }
.box_mixed_top { padding: 10px; } /* background: url(/images/box_mixed_top.PNG) no-repeat; */
.box_mixed_bottom { height: 15px } /*background: url(/images/box_mixed_bottom.png) no-repeat;*/
.desc_light {color:grey; font-size:10px;}

/* body wrapper*/
#body_wrapper, #front {height:600px; clear:both;}

#loginform, #loggedout {width: 50%; color: #A8A7A7; border: #5c8b17 solid 2px; margin-top: 50px; margin-right: auto; margin-left: auto; padding: 20px; }
#front { width: 70%; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #A8A7A7; margin-top: 50px; margin-right: auto; margin-left: auto; padding: 20px; }
#front a { color: #5c8b17; }
#front img { cursor: pointer; }
#left_wrapper, #feed { float: left;}
#big_wrapper { width: 850px; margin-left: auto; margin-right: auto; }
#wrap { float: left; background: #fff; width: 850px; }
#left_wrapper { width: 590px; margin:0 0 30px 0px;clear:left;display:inline;}
#left_wrapper, #right_wrapper { margin: 20px 0px 90px 0px; }
#left_wrapper table {clear:both; width: 100%; }
#header { background: url(../images/header.png); height: 24px; padding-right: 5px; text-align: right; }
.header_float_left, .header_float_right { float: right; margin: 2px 5px;}
.header_float_left {float:left;}
.header_float_right a, header_float_left a { color: #fff; }

/* header */
#input_search { border: none; background: url(../images/input_field.png) no-repeat;  }
#header_logo { float: left;}
#search_btn {  background:  url(../images/btn_header_search.png) no-repeat; border: none; width: 60px; cursor: pointer; }

/* index */
#index_header h1, #index_info span h2 { color: #5c8b17; }
#index_header { margin: 20px 0; }
#index_list, #index_image { float: left; width: 500px; }
#index_image img { max-width: 500px; }
#index_list, #index_image, #index_info, #index_header { margin-left: 20px; }
#index_list { padding: 10px; width: 270px; }
#index_list p { text-align: justify; }
#index_list li { font-size: 130%; margin-bottom: 20px; list-style: decimal; }
#index_list ul { margin-left: 30px; }
#index_list img { cursor: pointer; }
#index_info { clear: both; width: 100%; height: 200px; }
#index_info span { width: 270px; float: left; margin-right: 20px; }

/* company header */
#head { clear: both; margin: 15px auto; text-align: center; width: 710px; padding-bottom: 10px; }
#head img { clear: both; margin: 10px 0 0 0px; font-size: 90px;}
#head h4 { clear: both; text-align: center; margin: 5px 0 0 0px; font-weight: normal;}

/* details */
#details { font-size: 85%; width: 205px; margin-bottom: 20px; } /*color: #6E6D6D; */
#details_top { padding: 15px; } /*background:  url(../images/box_details.png) no-repeat;*/
#details_bottom { height: 20px;} /*background:  url(../images/box_details_bottom.png) no-repeat;*/
#buttons { margin:20px 0 0 0;}
#right_wrapper  { width: 200px; float: left; margin-left: 22px; }
.rigth h5 { margin: 10px 0; }
#share, #subscribe, #subscribe_small, #theme_div, #service_div { margin-bottom: 30px; margin-top: 20px; }
#share, #subscribe_small { height: 96px; width: 200px;}
#subscribe { height: 180px; width: 200px; }
.input_subscribe { background: url(/images/input_field.png) no-repeat; border: none; height: 20px; width: 135px; padding: 0 3px; }
#share, #subscribe img { cursor: pointer; }
#details p { margin: 0px 0 2px 0; width: 195px; }
#details p a {width: 195px; }
#details h3 { margin: 3px 0; }
#taglist { margin-top: 10px; color: #6e6d6d; }
#taglist li { margin: 10px 5px 10px 5px; }
#buttons img { cursor: pointer; }
.hidden { display: none; background: #fff; border: #6E6D6D solid 1px; width: 200px; height: auto; padding: 7px; }
.hidden input[type='text'] { font-size: 70%; width:110px; padding:3px; }
.hidden h3 { font-size: 80%; margin: 3px 0; }
#btn_, #btn_subscribe { cursor: pointer; }
#company_logo_upload { display: none; }
#form input { cursor: pointer; }
#company_logo_upload { left: 10px; top: 30px; position: absolute; padding: 1em; background: #fff; border: 1px #343333 solid; width: 300px; }
#company_logo_upload input { margin: 0px; }

/* feed */
#feed { width: 600px; margin: 0px -2px; }
#feed td { vertical-align: top; }
#feed h3 { margin-bottom: -15px; font-weight: normal; font-size: 130%; }
#posts_list li{ margin: 20px 0 0 -55px; }
.ago { font-size: 70%; color: #6E6D6D; border: none; text-decoration: none; }
.box_ago { padding: 9px 0 0 3px; } /* background:  url(../images/box_ago.PNG) no-repeat; */
.tags { font-size: 60%; }
.space { height: 20px; border-bottom: dotted 1px #6E6D6D; }
/* #sharediv { display: none; background: #fff; border: solid 2px #343333; padding: 10px; position: absolute; width: 200px; height: 150px; } */
.share { cursor: pointer; }
.share_span { float: right; padding-right: 28px; cursor: pointer; }

.message_top { padding: 15px 20px 15px 15px; } /*background: url(/images/box_feed_top.PNG) no-repeat; */
.message_bottom { height: 20px; } /* background: url(/images/box_feed_bottom.PNG) no-repeat;*/
.big { font-size: 150%; }

/* post */
#post_form { margin: 0 0 20px 80px; text-align: center; clear: both; float: left; width: 480px; padding: 10px; } /*background:  url(../images/box_green_post.png) no-repeat;*/
#post_form h3 { margin: 6px 49px; text-align: left; float: left; }
#input_form_field { background:  url(../images/input_field_post.png) no-repeat; height: 60px; width: 400px; border: none; padding: 10px; overflow: auto; }
#input_form_list li { float: left; margin-right: 5px; font-size: 70%; list-style-type: none; cursor: pointer; color: #4c6620; }
#choose img { border: none; margin: 10px auto auto 10px; }
#ul { color: #b3b5b7;  cursor: pointer; margin: 8px; }
#date { border: none; background: transparent none repeat scroll 0 0; }
#service_list, #categories { text-align: left; }
#charsleft { font-size: 140%; font-weight: bold; margin: 0 50px; float: right; width: 40px; }
#details_date { width: 40px; }
#details_date { height: 60px; float: left; } /* border-right: 1px solid #343333; */
#details_date input { background: transparent none repeat scroll 0 0; border: none; width: 70px; font-weight: bold; font-size: 70%; }
#details_date img { border: none; cursor: pointer; }
#btn_div { height: 60px; float: right; padding-left: 20px; margin: 13px 20px 0px 0px; }
#input_form_btn { cursor: pointer; }
#link_shrink { width: 200px; color: grey; }
#link_shrink_btn { cursor: pointer; font-size: 70%; }
#post_form ul { width: 500px; margin: 15px 0 0 15px; }
#post_form ul li { float: left; margin-left: 25px; }
#trigger { cursor: pointer; }

/* settings page */
#membership, #subscription, #sms_purchase, #change_password { margin: 20px 30px 0; padding: 0px 10px 20px 10px; border-bottom: grey solid 1px;  }
#theme_list li { cursor: pointer; }
#service_div { text-align: left; }
#service_div p { font-size: 70%; margin-top: 0px; }
#service_div span { cursor: pointer; font-size: 70%;}
#mem_desc { color: grey; margin: 10px 0; }
#change_password ul li input { color: grey; }
#change_password ul li { margin: 5px 0; }
#change_password_table td { width: 70px; }

/*	page index	*/
.page_list {width: 100%;}
.numbers {text-align: center;}
.current_page {font-weight: bold;}

/* dynamicpost.php */
.link_dynamicpost { clear: both; }

/* account */
#account { display: none;  clear: both; float: left; width: 80%; margin: 10px 10px 10px 50px; padding: 10px; }
#settings_btn { cursor: pointer; }

/* moosecatch in three minutes */
#in_three_minutes { margin: 30px 0 60px 0; }
#in_three_minutes p { text-align: justify; margin: 25px 0; }

/* facebook share */
html .fb_share_button { 
	display: -moz-inline-block; 
	display:inline-block; 
	padding:1px 20px 0 5px; 
	height:15px; 
	float: right;
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
} 
html .fb_share_button:hover { 
	color:#fff; 
	border-color:#295582; 
	background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
	text-decoration:none; 
}
/*
#top_logo {
	height:130px;
	background:url(../images/sp_header.png) repeat-x;
}*/
#footer {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 20px; 
	color: grey;
	font-size: 70%;
	clear: both;
}
#input_form table {
	width:367px;
	margin:0 auto;
}
#input_form table input {
	width:100%;
}
#input_form table td{
	width:100px;
}
.separate_td{
	border-top:2px solid #FFAAAA;
	padding-top:5px;
}
.padding_bottom {
	padding-bottom:5px;
}
.action_result {
	padding:3px 5px;
	background:orange;
	color:red;
	display:none;
}

/*	lightbox css	*/
#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 33%;
	width: 33%;
	height: 320px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: hidden;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.message_body {
	width:400px;
	height:60px;
	border:1px solid #000;
	background:#e9e9e9;
	color:#9b9b9b;
}
.phone_number {
	width:150px;
}
.phone_number_short {
	width:80px;
}
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
/*	end of light box	*/

#result_table td, #result_table th{
	text-align:left;
	border-bottom:1px solid #9e9e9e;
	padding: 10px 0px;
}

/*	help sections	*/
.help { 
	float: right;
	cursor:pointer;
	opacity: 0.2;
}


#helpdiv {

	margin: 170px 15px 0 5px;
	width:	130px;	
	display: none;
	position: fixed;
	right: 0;
	top: 10px;
	color: #646364;
	overflow: auto;
	max-height: 350px;
	padding: 5px;
	border: #646364 1px solid;
}
	
#helpdiv a { cursor: pointer; }