/* styles used on ALL applications (ie. Circle of Friends and Circle of Moms), Both on and off facebook */
/* there is a lot of crap in here that should be - facebook only styles in particular should be in a different file and only served ON facebook. */

/* reset default styles for all browsers */
html{color:#000;background:#FFF;}
body,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} /*div and li removed to make compatible with fbook*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}

#left_column .large_pic{
  width: 166px;
}
div.whiteBox {
  border-left:6px solid silver;
  border-right:6px solid silver;
  border-top:4px solid silver;
  background-color:white;
  padding-left:3px;
  padding-right:3px;
  padding-bottom:3px;
  padding-top:1px;
}

div.grayBkgd {
  background-color:silver;
}

.fb_dashboard_container {
  padding-top:4px;
}

.fb_dashboard_element {
  padding-right:8px;
  padding-left:7px;
  border-right:1px solid silver;
}

.fb_dashboard_element_right {
  padding-left:7px;
}

.fb_dashboard {
  padding:5px 0 5px 0;
  color:#aaaaaa;
  border-bottom:1px solid silver;
}

.fb_dashboard a:hover, .fb_dashboard a:visited, .fb_dashboard a:link {
}
  

.icon_list_container_l {
  background-color:white;
  padding-bottom:8px;
  padding-top:7px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
  border-bottom:1px solid silver;
}

.icon_list_container_r {
  background-color:white;
  padding-bottom:8px;
  padding-top:7px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
  border-bottom:1px solid silver;
}

.icon_list_l {
  padding-right:10px;
  padding-left:5px;
  border-right:1px solid silver;
  vertical-align:top;
}

.icon_list_r {
  padding-left:10px;
  padding-right:5px;
  vertical-align:top;
}

.icon_list_l a:hover, .icon_list_r a:hover {
  text-decoration:none;
}

.rightX {
  padding-right:1px;
  padding-left:2px;
  padding-top:0px;
  padding-bottom:0px;
  border:1px solid black;
  font-size:13px;
  text-align:right;
 }

.displayNone {
  display:none;
}

.alert {
  background-color:yellow;
  padding:3px;
}

.smallProfileBox {
  width:70px;
  text-align:center;
  vertical-align:top;
  padding-top:5px;
}

.smallProfileBox_new {
  width:50px;
  text-align:center;
  vertical-align:top;
  padding-top:5px;
}


.facebookHeaderText {
  padding-top:3px;
  vertical-align:top;
  text-align:left;
}

.profileBoxArea {
  width:495px;
}

.rightHandActionArea {
  width:90px;
  vertical-align:top;
}

.full_circle_container {
  padding-right:4px;
  padding-left:4px;
  padding-top:12px;
}

.full_circle {
  padding-bottom:2px;
  border-bottom:1px solid silver;
}

div.facebookHeader {
  height:20px;
  font-weight:bold;
  border-top:1px solid black;
  border-bottom:1px solid silver;
  background-color:#d8dfea;
  color:#3b5998;
  vertical-align:top;
  padding:0px;
}

.createQuestion {
  font-size:14px;
  padding:4px;
  border-bottom:1px solid black;
  color:black;
  vertical-align:top;
}

.miniMessage {
  border:1px solid silver;
  background-color:#eeeeee;
  vertical-align:top;
  z-index:3;
}

.closeWindow {
  border:1px solid black;
  text-align:right;
  background-color:#d8dfea;
  color:#3b5998;  
  padding:0px;
  padding-left:4px;
  padding-right:3px;
  font-weight:normal;
}

div.facebookSubHeader {
  height:16px;
  background-color:#eeeeee;
  border-bottom:1px solid silver;
  color:black;
  vertical-align:top;
  margin-bottom:2px;
  padding-top:3px;
  padding-left:9px;
}

div.facebookSubHeaderFlexHeight {
  background-color:#eeeeee;
  color:black;
  vertical-align:top;
  margin-bottom:2px;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:9px;
}

.facebookHeader a:link, .facebookHeader a:visited .facebookHeaderMinimized a:link, .facebookHeaderMinimized a:visited {
  color:#3b5998;
}

div.facebookHeaderMinimized {
  height:20px;
  font-weight:bold;
  border-top:1px solid silver;
  border-bottom:1px solid #cccccc;
  background-color:#eeeeee;
  color:#3b5998;
  vertical-align:top;
  margin-bottom:2px;
}

div.insetFullBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin:5px;
  margin-bottom:5px;
  border:1px solid silver;
}

div.insetFullNoBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align:left;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin-bottom:5px;
}

div.insetFullLeftBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align:left;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin-bottom:5px;
}

div.subLeft {
  border-left:0px solid silver;padding:2px;padding-left:4px;
}

div.descriptorText {
  font-size:11px;
  color:#777777;
  vertical-align:top;
  padding:1px;
}

div.descriptorTextLight {
  font-size:11px;
  color:#a1a1a1;
  padding:0px;
  vertical-align:top;
}

div.topNoPad {
  vertical-align:top;
  padding:0px;
}

.topAlign {
  padding:0px;
  vertical-align:top;
}

.topRightAlign {
  padding:0px;
  vertical-align:top;
  text-align:right;
}

.topLeftAlign {
  padding:0px;
  vertical-align:top;
  text-align:left;
}

.add_friend_dialog {
  background-color:white;
}

div.nameText {
  font-weight:bold;
  font-size:13px;
  vertical-align:top;
  padding:1px;
}

div.headText {
  font-weight:bold;
  font-size:13px;
  vertical-align:top;
}

div.nonNameText {
  font-size:11px;
  color:#3b5998;
  vertical-align:top;
  padding:1px;
}

.nonNameText a:link, .nonNameText a:visited {
  color:#3b5998;
}

div.messageSubject {
  font-weight:bold;
  font-size:12px;
}

div.friendsCircles {
  margin:5px;
  padding-left:4px;
  padding-top:3px;
  padding-bottom:10px;
  background-color:#bdc7d8;
  border:1px solid black;
}

td.profileBox {
  width:75px;
  text-align:center;
  vertical-align:top;
}

td.profileBox_new {
  width:55px;
  text-align:center;
  vertical-align:top;
}

td.subject, div.subject {
  text-align:left;
  vertical-align:top;
  font-size:16px;
}

td.category {
  width:205px;
  text-align:right;
  vertical-align:top;
}

.rightHandLink {
  background-color:white;
  border-bottom:1px solid silver;
  padding:3px;
  text-align:left;
}

.rightHandLinks {
  width:100px;
  text-align:right;
  vertical-align:top;
}

.rightHandLink a:hover, .rightHandLink a:hover {
  background-color:#3b5998;
  color:white;
  padding-bottom:3px;
  padding-top:3px;
  padding-right:3px;
  width:100%;
  text-decoration:none;
}

.circleUsers  {
  width:525px;  
}

td.category_input {

  width:325px;
  text-align:left;
  vertical-align:top;
}

.profileBoxDiv {
 height:100px;
 width:85px;
 border:1px solid black;
 text-align:center;
}

.attachButton {
  background-color:#3b5998;
  color:white;
  text-align:center;
  padding:6px;
  padding-bottom:3px;
  border-right:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid gray;
  border-top:1px solid gray;
  width:50px;
}

.attachButton a:link {
  color:white;
}

.tabFgd {
 text-align:center;
 padding-left:4px;
 padding-right:4px;
 padding-top:4px;
 padding-bottom:0px;
 border-right:1px solid silver;
 border-top:1px solid silver;
 border-left:1px solid silver;
 margin-right:9px;
 background-color:#eeeeee;
 color:black;
 font-weight:bold;
}

.tabBgd {
 text-align:center;
 padding-left:4px;
 padding-right:4px;
 padding-top:4px;
 padding-bottom:0px;
 border-right:1px solid silver;
 border-top:1px solid silver;
 border-left:1px solid silver;
 margin-right:9px;
 background-color:#dddddd;
 color:black;
}

.section_footer {
 border-bottom:1px solid #8da0d4;
 font-size:10px;
 padding-left:4px;
 padding-top:3px;
 padding-bottom:0px;
 color:#3b59b2;
}
.warningBox
{ 
  font-size:11px;
  font-weight:normal;
  padding-bottom:10px;
  padding-top:10px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#cce1ed; 
  border:1px solid #306991; 
}

.ajax_loading_div{
   left:0;
   text-align:center;
   font-size:20px;
   margin:20px;
   background:url(http://www.bantr.com/images/lightbox-ico-loading.gif) no-repeat center #fff; 
}
.ajax_loading_bar{
   left:0;
   text-align:center;
   padding:20px;
   font-size:20px;
   margin:20px;
   background:url(http://www.bantr.com/images/loadingbar.gif) no-repeat center;
   clear:both;
   height:19px;
}
.ajax_loading_bar.compact{
   padding:5px 0 0 0;
   margin:0;
}
.clearing_div{
   clear:both;
   height:1px;
   overflow:hidden;
   display:block;
   font-size:1px;
}
.radio_button input{
   display:block;
   float:left;
   width:20px;
   padding:0;
   
}
.radio_button{
   display:block;
   clear:left;
}
.radio_button_img{
   width: 30px;
   float:left;
   padding: 2px 0 0 0;
   overflow:hidden;
}
.radio_button_img img{
   height: 18px;
}
.error_message{
  clear:both;
  background-color:#ffffcc;
  border:1px solid #ffcc00;
  padding:10px;
  margin:10px 0;
  display:block;
  width:auto;
}
.error_message.thick {
  border-width:5px;
}
table.error_message{}
.error_message td.top_left, .error_message td.top_right, .error_message td.bottom_left, .error_message td.bottom_right{height:10px;width:10px}

.error_message h2{
   margin-top:0px;
   padding-top:0px;
}
.input_element_error, .display_table input.input_type_text.input_element_error, .display_table_grid input.input_type_text.input_element_error, .input_type_text.input_element_error, .survey_form .item .label.editing.input_element_error{
   border: 1px solid #ffcc00;
}
.small_note, .small_note p {
   color:#666;
   font-size:10px;
   padding:5px 0;
   line-height:11px;
}
.small_note p {
  padding:0;
}
.medium_note {
   color:#666;
   padding:5px 0;
}

/* from facebook... for pop-up transparent borders */
td.bantr_pop_topleft, td.bantr_pop_topright, td.bantr_pop_bottomleft, td.bantr_pop_bottomright{height:9px;overflow:hidden;padding:0px!important;padding:5px;width:9px!important;width:0px;}
td.bantr_pop_topleft{background-image:url('http://www.bantr.com/images/pop_dialog_top_left.png')!important;background-image:none;background-position:top left;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_top_left.png', sizingMethod='crop');}
td.bantr_pop_topright{background-image:url('http://www.bantr.com/images/pop_dialog_top_right.png')!important;background-image:none;background-position:top right;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_top_right.png', sizingMethod='crop');}
td.bantr_pop_bottomleft{background-image:url('http://www.bantr.com/images/pop_dialog_bottom_left.png')!important;background-image:none;background-position:bottom left;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_bottom_left.png', sizingMethod='crop');}
td.bantr_pop_bottomright{background-image:url('http://www.bantr.com/images/pop_dialog_bottom_right.png')!important;background-image:none;background-position:bottom right;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_bottom_right.png', sizingMethod='scale');}
td.bantr_pop_border{background-image:url('http://www.bantr.com/images/pop_dialog_border.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_border.png', sizingMethod='scale');}

td.bantr_pop_border.speech_left{background:url('http://www.bantr.com/images/pop_dialog_speach.png') no-repeat right top !important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_border.png', sizingMethod='scale');}

td.bantr_pop_border.speech_right{background:url('http://www.bantr.com/images/pop_dialog_speach_right.png') no-repeat left top !important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bantr.com/images/pop_dialog_border.png', sizingMethod='scale');}
td.bantr_pop_content{background-color:#fff;}
.inbox_holding_table {
  width:100%;
}
.inbox_holding_table td{
   padding: 2px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}/*
  These are styles to be displayed on both facebook and the standalone site for Circle of Friends.
  most styles should be in this file.
  Styles to be displayed only on the standalone site should be put in style.css
*/

.hr {
  background:#c1c1c1;
  border:none;
  height:1px;
  margin:0;
  clear:left;
  overflow:hidden; 
}

#menu_container{
  border-bottom:1px solid #8da0d4;
  margin:0 0 8px 0;
}
#menu_container ul{
  margin:0;
  padding:2px 0;
  /*-moz-padding-start:0; what is facebook doing? */
}

#menu_container ul li{
  display:inline;
  margin:0;
  padding:0;
}
#menu_container ul li a:link, #menu_container ul li a:active, #menu_container ul li a:visited, #menu_container_sub ul li a:link, #menu_container_sub ul li a:active, #menu_container_sub ul li a:visited{
  text-decoration:none;
  padding:0px 9px 2px 9px;
  font-size:12px;
  background:none;
}
#menu_container ul li a:hover, #menu_container ul .menu_item_active a:link, #menu_container ul .menu_item_active a:active, #menu_container ul .menu_item_active a:visited, #menu_container ul .menu_item_active a:hover{
  text-decoration:underline;
  padding:0px 9px 2px 9px;
}


.thread_reply_header{
   vertical-align:top;
   width:380px;
   border-top:1px solid #d9d9d9;
   border-bottom:1px solid #d9d9d9;
   background-color:#EEEEEE;
   padding: 4px;
}
.time{
    color:gray;
}
.thread_post_content{
    padding:4px;
}

.success_message, .successBox {
    border:1px solid #8faeff;
    background-color: #f7f8fd;
    padding:12px;
    text-align:left;
    margin:16px 0px 24px 0px;
    display:block;
}

.important_message {
    border:1px solid #e2c822;
    background-color: #fff9d7;
    padding:12px;
    text-align:left;
    margin:8px 0px 24px 0px;
    display:block;
}



#popup_title {
   color:white;
   font-size:13px;
   font-weight:bold;
   
}

#popup_content {
   padding:2px 10px;
}

#popup_content h2{
    font-size: 120%;
    font-weight: bold;
}

#circle_main_column{
   vertical-align:top;
   text-align:center;
   display:block;
   float:left;
   width:433px;
   padding:0 20px 0 0;
   overflow:hidden;
}
#circle_main_column.wide{
  width:573px; 
}
#circle_right_column{
   vertical-align:top;
   border-left:1px solid #e5e5e5;
   padding-left:6px;
   width:300px;
   display:block;
   float:left;
}
#circle_right_column.narrow{
  width:160px;
}
.blue_line{
    background-color:#3b5998;
    height:18px;
    line-height:17px;
    padding:0 10px;
    
}
.upload_iframe {
   position:relative;
   padding-top:10px;
   width:280px;
   height:250px;
}

.popup_table {
   position:relative;
   padding-bottom:20px;
   padding-left:6px;
   padding-right:6px;
   width:100%;
   padding-top:20px;
}

.popup_table input {
   padding-right:0px;
   border-right:0px;
   margin:0 0 6px 0;
}

.cancel_link{
   text-align:right;
   padding-right:10px;
   font-weight:bold;
}

#display_icon_choices{
   overflow:auto;
   height:400px;
   width:280px;
   padding:5px;
   padding-left:20px;
   padding-right:20px;
   background-color:#dfdfdf;
}
#reply_main{
  text-align:center;
}
#reply_box{
  margin:0 auto;
  text-align:left;
  width:270px;
}

.center_float_outer{
   display:block;
   position:relative;
   float:left;
   left:50%;
}
.center_float_inner{
   display:block;
   float:left;
   position:relative;
   right:50%;
}

.submit_button{
   display:block;
   width:100%;
   text-align:center;
   margin:6px 0 0 0;
   
}
.submit_button a:link, .submit_button a:active, .submit_button a:hover, .submit_button a:visited, .submitButton a:link, .submitButton a:active, .submitButton a:hover, .submitButton a:visited, .submitButtonNegative a:link, .submitButtonNegative a:visited, .submitButtonNegative a:hover, .submitButtonNegative a:active  {
   border-style: solid;
   border-color: gray black black gray;
   border-width: 1px;
   padding: 3px 9px;
   margin:6px auto;
   background-color: #3b5998;
   color: white;
   text-align: center;
   text-decoration:none;
   cursor:default;
   display:block;
   float:left;
}

.attachButton, .submitButton a:link, .submitButton a:active, .submitButton a:hover, .submitButton a:visited {
   /* from facebook */
   font-size:11px;
   color:#fff;
   text-decoration:none;
   cursor:default;
}

.inputbutton, .attachButton {
   border-style: solid;
   border-color: gray black black gray;
   border-width: 1px;
   padding: 3px 6px;
   margin:6px 0;
   background-color: #3b5998;
   color: white;
   text-align: center;
   font-weight:bold;        
}
.request_form_submit{ /* invite_circle.php */
  padding-left: 28px;
}
.submitButtonNegative a:link, .submitButtonNegative a:visited, .submitButtonNegative a:hover, .submitButtonNegative a:active{
  /* cancel button */
  background:#f0f0f0;
  color:#000;
  border-top-color:#e7e7e7;
  border-right-color:#666;
  border-bottom-color:#666;
  border-left-color:#e7e7e7;
}
.skip_button, .submit_button.second_submit{
  float:left;
  padding:0 0 0 20px;
}
.skip_button a:link, .skip_button a:active, .skip_button a:hover, .skip_button a:visited, .inputbutton.inputaux{
  display:block;
  float:left;
  background:#f0f0f0;
  color:#000;
  border:1px solid;
  border-top-color:#e7e7e7;
  border-right-color:#666;
  border-bottom-color:#666;
  border-left-color:#e7e7e7;
  padding: 3px 9px;
  margin:6px 12px 6px 0;
  text-decoration:none;
  cursor:default;
}
#kid_wall_post_form{
   border-top:1px outset #000000;
   border-bottom:1px outset #000000;
   background-color:#CCCCFF;
   border-left:1px outset #000000;
   border-right:1px outset #000000;
   margin:0 0 12px 0;
   padding:6px 0 40px 0;
   display:block;
}
#kid_wall_post_form textarea{
   display:block;
   padding-left:5px;
   padding-top:5px;
   padding-right:5px;
   margin: 10px auto 0 auto;
   width:300px;
   height:100px;
   
}
#wall_buttons{
  clear:left;
}
#post_to_wall{
  text-align:center;
}
#post_to_wall .submitButton, #post_to_wall .submit_button{
  margin:0 auto;
  float:none;
  width:50px;
  display:block;
}
.post_time{
   color:gray;
   display:block;
}
.wall_post{
   display:block;
}
.wall_post_text{
   display:block;
}
#wall_post_text{
	height:35px;
	width:353px;
	margin:0 auto;
	display:block;
}
#thread_post_buttons{
  margin:0 auto;
}
#thread_post_buttons td{
  height:96px;
  width:96px;
}
.wall_post .profile_pic{
   float:left;
   padding:0 6px 0 0;
}
.kid_wall_post_header{
   border-top:1px outset #0000BB;
   border-bottom:1px outset #000000;
   background-color:#EEEEEE;
   margin:0 0 0 56px;
   padding:4px 0 4px 6px;
   display:block;
   float:none;
}
.kid_notepad_content{
   margin:0 0 12px 56px;
   padding:6px 0px 0px 6px;
}
#remove_kid{
   margin:40px auto;
   width:450px;
   text-align:center;
}
#remove_kid .button_holder{
   width:110px;
   margin:10px auto;
}
#remove_kid .button_holder div a{
   margin:10px;
}
#remove_kid_profile_link{
   text-align:right;padding:20px;
}
.new_thread_post_buttons{
   margin:0 60px;
}



.border1{
   clear:right;
   padding:1px 1px 0px 1px;
   margin:6px 0px 0px 0px;
   height:auto;
   float:left;
   display:block;
}
#create_account_form{
   width:400px;
   margin: 0 0 4px 0;
}
#user_login_form{
   float:none;
   display:block;
   margin:0 0 4px 0;
}
.stacked_form .form_element{
   margin:0 0 2px 0;
}
.stacked_form .form_element input{
   margin:4px 0;
   height:16px;
   padding:2px 0 0 0;
   display:block;
}
.display_table{
   /*border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;*/
   /*border-bottom :none;*/
   border-collapse : collapse;
   /*width:100%;*/
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

.display_table th{
   padding:5px 10px 5px 5px;
   vertical-align:top;
   /*background-color : #d3e7f4;*/
   text-align : left;
   margin:0;
   font-weight:bold;
}

.display_table td{
   /*background-color:#dcecf6;*/
   padding:5px;
   vertical-align:top;
   width : 75%;
   margin : 0;
}
.nested_display_table, .nested_display_table th, .nested_display_table td{
   border:none;
}

.display_table textarea {
   width:100%;
   height:5em;
}
.display_table input {
  height:16px;
  padding:2px 0 0 0;
}
.display_table .input_type_text{
   width:100%;
}
.activity_feed_time{
   font-size:9px;
   padding-left:10px;
   color:#aaaaaa;
}
.activity_feed_item img{
   padding: 0 6px 0 0;
}
.thread_reply_box .top_border_div{
   margin-right:50px;
   margin-bottom:15px;
   border-top:1px solid #a9c6d7;
}
.thread_reply_box textarea{
   height:80px;
   width:270px;
   margin-top:10px;
   margin-right:20px;
}
.large_photo_holder{
   text-align:center;
   border:1px solid silver;
   padding:10px;
   background-color:#ccccff;   
}
.thread_attachment{
   text-align:center;
   display:block;
   padding:10px;
}
#inbox_pagination{
   text-align:right;
   padding-top:2px;
   padding-bottom:2px;
}
#thread_post_text{
   height:180px;
   width:270px;
   margin-top:0px;
   margin-right:20px;
}
.input_type_text {
  height:15px;
  width:80%;
}
.thread_post_form_label{
   font-weight:bold;
   text-align:left;
   margin-top:10px;
   margin-bottom:5px;
   color:#3b5998;
}
.thread_post_form_desc {
  text-align:center;
}
#thread_post {
  width:270px;
  margin:0 auto;
}

.thread_post_text_area_short{
   height:17px;width:270px;margin-left:20px;margin-top:0px;margin-right:20px;
}
#up_sell_moms_app{
   border:5px solid #e79023;
   padding:5px;
   margin:5px 0;
}

#vid_selection{
   text-align:center;
   width:430px;
}
h2.blue {
 border-bottom:2px solid #3b59b2;
 font-size:13px;
 font-weight:bold;
 padding-left:8px;
 padding-top:16px;
 padding-bottom:0px;
 color:#3b59b2;
}

/* Friend Selector */
.outer_table_cust_fs {
  margin:0px;
  padding:0px;
  white-space:normal;
  word-spacing:normal;
}

.inner_table_cust_fs {
  background:#FFFFFF none repeat scroll 0%;
  white-space:normal;
  word-spacing:normal;
}
#cust_fs_container{
   margin:0 0 10px 0;
   overflow:auto;
   padding:0;
   z-index:1;
   height:300px;
   clear:left;
   border:1px solid #C1C1C1;
}
#cust_fs_container_big_table{
   width:100%;
}
#cust_fs_container table tr td div.cust_fs_userbtn table tr td { /* so the nested tables don't get borders.*/
   border:none;
   padding:5px;
}
#cust_fs_container table tr td{
   vertical-align:middle;
   padding:5px;
}
#cust_fs_container table tr td div.cust_fs_userbtn table tr td.image_cell{
   width:50px;
}
#cust_fs_container table tr td div.cust_fs_userbtn table tr td.description_cell{
   vertical-align:top;
   padding-left:0;
   color:#6d92b8;
}
#cust_fs h2 {
  font-size:15px;
  margin:0pt;
  padding:0pt 0pt 4px;
}

#cust_fs h3 {
  border-bottom:1px solid #E0E0E0;
  color:#999999;
  font-size:11px;
  font-weight:normal;
  margin:0pt;
  padding:0pt 0pt 8px;
}
.cust_fs_holder{
  width:100%;
  margin:0;
}
.cust_fs_holder.line_and_space{
  border-bottom:1px solid #c1c1c1;
  margin:0 0 12px 0;
  height:21px;
}
.cust_fs_tabs ul {
   padding:0;
   margin:0;
}
.cust_fs_tab_on {
  background:#FFFFFF url(http://www.bantr.com/images/multi_friend_selector_view_bg.gif) repeat-x scroll center top;
  float:left;
  padding:4px 7px;
  text-align:center;
  width:100px;
  list-style-type:none;
}
.cust_fs_tab {
  float:left;
  padding:4px 7px;
  text-align:center;
  width:100px;
  list-style-type:none;
  color:#666666;
}

.cust_fs_userbtn {
   color:#6d92b8;
   width:135px;
   height:65px;
}
.cust_fs_userbtn table{
   width:100%;
   height:100%;
}
.cust_fs_userbtn img{
  border:1px solid #e0e0e0;
  padding:2px;
  float:left;
}
.cust_fs_user_text{
  float:left;
  padding:0 8px 0 4px;
  width:90px;
}

.cust_fs_userbtn_over {
  background:#FFFFFF url(http://www.bantr.com/images/hoverbtn.gif) no-repeat scroll left top;
}
.cust_fs_userbtn_selected {
  background:#FFFFFF url(http://www.bantr.com/images/selectedbtn.gif) no-repeat scroll left top;
}
.cust_fs_userbtn_h1_selected {
  color:#FFFFFF;
}
.cust_fs_userbtn_h2_selected {
  color:#C3CDDF;
}
.cust_fs_userbtn_h1 {
  color:#000000;
}
.cust_fs_userbtn_h2 {
  color:gray;
}

.cust_fs_network_list {
  background:#FFFFFF none repeat scroll 0%;
  border:1px solid #526EA6;
  font-size:11px;
  list-style-type:none;
  margin:0pt;
  max-height:220px;
  min-width:140px;
  overflow:auto;
  padding:10px;
  z-index:92;
}
.cust_fs_ntwdiv_hidden {
  display: none;
  width:140px;
  position:relative;
  z-index:92;
}
.cust_fs_ntwdiv_nhidden {
  display: block;
  width:140px;
  position:absolute;
  top:70px;
  z-index:92;
}

.cust_fs_remove_filter {
  background:#EEEEEE none repeat scroll 0%;
  border-left:1px solid #C1C1C1;
  border-right:1px solid #C1C1C1;
  border-bottom:1px solid #C1C1C1;
  color:#555555;
  padding:5px;
}

.cust_fs_pagerpro a:hover {
  background:#3B5998;
  border-bottom:1px solid #3B5998;
  color:white;
  text-decoration:none;
}
.cust_fs_pagerpro a {
  display:block;
  padding:3px 3px 2px;
}
/* End Friend Selector */

#bantr_footer{
  padding:0;
  clear:both;
  text-align:center;
}
#bantr_footer ul{
  border-top:1px solid #898989;
  padding:10px 0;
  margin:10px 0;
}
#bantr_footer ul li{
   display:inline;
}
.existing_uploaded_image{
   padding:2px;
   border:1px solid black;
   margin:2px;
   height:75px;
}
.section_header, h3 {
 border-bottom:2px solid #3b59b2;
 font-size:13px;
 font-weight:bold;
 padding-left:8px;
 padding-top:16px;
 padding-bottom:0px;
 color:#3b59b2;
}
h3{
  border:none;
  margin:0 0 6px 0;
  padding:8px 0 0 0;
  clear:left;
}

.section_footer {
 border-bottom:1px solid #8da0d4;
 font-size:10px;
 padding-left:4px;
 padding-top:3px;
 padding-bottom:0px;
 color:#3b59b2;
}
#circle_header{
  width:100%;
  border-bottom:1px solid #8da0d4;
  padding:2px 0 2px 0;
  margin:-4px 0 6px 0;
}
#circle_header #name_and_icon{
  width:100%;
  overflow:hidden;
}
#circle_header #name_and_icon tr td{
  vertical-align:bottom;
}
#circle_owner_above_name{
  font-size:10px;
}
#circle_header #name_and_icon #circle_icon{
  vertical-align:bottom;
  width:39px;
}
#circle_header #name_and_icon #circle_name{
  vertical-align:bottom;
  padding:0 0 0 0;
}
#circle_header #name_and_icon #circle_name #circle_owner_name{
  font-size:10px;
}
#circle_header_icon_img{
  border:1px solid #9daccb;
  background-color:white;
  padding:1px;
  height:35px;
}
.paging_links{
  text-align:right;
}
#circle_header .add_remove_links{
  font-size:11px;
  padding:0 0 0 1px;
}
#remove_favorite_icon{
  margin:0 0 4px 8px;
}
#favorite_form_and_list{
  height:39px;
  float:right;
}
#favorite_form_and_list td{
  vertical-align:bottom;
}
#favorite_form_holder{
  padding:0 0 0 8px;
}
#favorite_list{
  padding:0 0 0 0;
}
.favorite_list_img img{
  float:right;
  border:1px solid #f00;
  padding:0 0 0 3px;
}
.center_tabs{
  text-align:center;
  padding:4px 0 0 0;
}
.tabs .left_tabs{padding:0;float:left;}
.tabs.clearfix{
  margin:0 0 8px 0;
  border:none;
}

.toggle_tabs {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  display:inline;
}

.toggle_tabs li {
  display:inline;
  padding: 2px 0px 3px;
  background: #f1f1f1 url(/images/components/toggle_tab_gloss.gif) top left repeat-x;
}

.toggle_tabs li a {
  border:1px solid #898989;
  border-left:0;
  color:#333;
  font-weight:bold;
  padding:2px 8px 3px 9px;
}
.toggle_tabs li a small {
  font-size: 11px;
  font-weight: normal;
}

.toggle_tabs li a:focus {
  outline: 0px;
}

.toggle_tabs li.first a {
  border:1px solid #898989;
}

/*  SELECTED TAB  */

.toggle_tabs li a.selected {
  margin-left:-1px;
  background:#6d84b4;
  border:1px solid #3b5998;
  border-left:1px solid #5973a9;
  border-right:1px solid #5973a9;
  color:#fff;
}

.toggle_tabs li.last a.selected {
  margin-left:-1px;
  border-left:1px solid #5973a9;
  border-right:1px solid #36538f;
}

.toggle_tabs li.first a.selected {
  margin:0;
  border-left:1px solid #36538f;
  border-right:1px solid #5973a9;
}

.toggle_tabs li.first.last a.selected {
  border:1px solid #36538f;
}

.toggle_tabs li a.selected:hover {
  text-decoration:none;
}

/*  DISABLED TAB  */

.toggle_tabs li a.disabled {
  color: #999;
  cursor: default;
}

.toggle_tabs li a.disabled:hover {
  text-decoration:none;
}



.feed_item_table{
  width:100%;
  border-collapse:collapse;
}
.feed_item_table th{
  width:54px;
  vertical-align:top;
  padding:0px;
}
.feed_item_table td{
  padding:0px;
}
.feed_item_container{
  border-top:1px solid #8da0d4;
  margin:6px 0 0 0;
  padding:4px 0 0 0;
}
.delete_link {
   float:right;
   text-align:right;
   padding:0 0 0 8px;
}
.delete_thread_link {
   background: url(http://www.bantr.com/images/x.jpg) no-repeat right 3px;
   padding:0 12px 0 0;
}
ul.circles_side_menu_list{
  
}
ul.circles_side_menu_list li{
  padding:4px 0 4px 10px;
  border-top:1px solid #8da0d4;
  width:100%;
  
}
div.email {
  padding-left:50px;
  background-color:#d8dfea;
}
td.insetFull {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin-bottom:5px;
  border-top:1px solid silver;
}/* included on standalone COF only */

/* major elements */

body, input, textarea, p, div, td, h1, h2, h3, h4, h5, h6, .normal_text{
    font-size: 11px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
body{
    text-align:center;
}
#wrapper{
  width:760px;
  margin:0 auto;
  text-align:left;
}
div, table, td{
  text-align:left; 
}
p{
  margin-bottom:8px;
}
h1{
  font-size:200%;
  margin-bottom:10px;
}
h2{
  font-size:150%;
  margin-bottom:8px;
  margin-top:10px;
}
a:link, a:active, a:visited{
    text-decoration:none;
    color:#3b59b2;
}
a:hover{
    text-decoration:underline;
}


/* other dom elements */


/* unique elements */
#bantr_content{ /* bellow header image */
    clear:left;
     min-height:300px;
}
#header_img{
   /* background-color:#e89728; yellow bg to "streatch" banner. */
}

#attachment_form{
    clear:left;
}


/* custom classes */

.dialogButton {
    border-style: solid;
    border-color: gray black black gray;
    border-width: 1px;
    padding: 3px 6px 3px 6px;
    margin: 8px 4px 8px 4px;
    background-color: #3b5998;
    color: white;
    text-align:
    center; width: 50px;
    float: left;
}

.dialogButton a:link {
  color: white;
}

.dialogButtonCancel {
    border-style: solid;
    border-color: gray black black gray;
    border-width: 1px;
    padding: 3px 6px 3px 6px;
    margin: 8px 4px 8px 4px;
    background-color: #eeeeee;
    color: black;
    text-align:
    center; width: 50px;
    float: left;
}

.dialogButtonCancel a:link {
  color: black;
}

.attachButton {
    border-style: solid;
    border-color: gray black black gray;
    border-width: 1px;
    background-color: #3b5998;
    text-align: center;
    width: 50px;
}

.blank{
    height:1px;
    overflow:hidden;
}
.mom{
    padding: 2px 0px 4px 0px;
    border-bottom: 1px solid silver;
}

.mom .kid{
    float:left;
    padding:3px 8px 0px 0px;
    width:50px;
    height:74px;
}
.mom .kid img{
    float:left;
}
.mom .kid .kidname{
    display:block;
    clear:left;
}
.clearingdiv{
    height:1px;
    clear:left;
    line-height:1px;
    overflow:hidden;
    display:block;
    font-size:1px;
}
.spacer6px{
    height:6px;
    overflow:hidden;
    display:block;
}
.spacer4px{
    height:4px;
    overflow:hidden;
    display:block;
}
div.whiteBox {
  border-left:6px solid silver;
  border-right:6px solid silver;
  border-top:4px solid silver;
  background-color:white;
  padding-left:3px;
  padding-right:3px;
  padding-bottom:3px;
  padding-top:1px;
}

div.grayBkgd {
  background-color:silver;
}

.fb_dashboard_container {
  margin-top:4px;
  padding:0 10px;
}

.fb_dashboard_element {
  padding-right:8px;
  padding-left:7px;
  border-right:1px solid silver;
}

.fb_dashboard_element_right {
  padding-left:7px;
}

.fb_dashboard {
  padding:5px;
  color:#aaaaaa;
  border-bottom:1px solid silver;
}

.fb_dashboard a:hover, .fb_dashboard a:visited, .fb_dashboard a:link {
}
  

.icon_list_container_l {
  background-color:white;
  padding-bottom:8px;
  padding-top:7px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
  border-bottom:1px solid silver;
}

.icon_list_container_r {
  background-color:white;
  padding-bottom:8px;
  padding-top:7px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
  border-bottom:1px solid silver;
}

.icon_list_l {
  padding-right:10px;
  padding-left:5px;
  border-right:1px solid silver;
  vertical-align:top;
}

.icon_list_r {
  padding-left:10px;
  padding-right:5px;
  vertical-align:top;
}

.icon_list_l a:hover, .icon_list_r a:hover {
  text-decoration:none;
}

.rightX {
  padding-right:1px;
  padding-left:2px;
  padding-top:0px;
  padding-bottom:0px;
  border:1px solid black;
  font-size:13px;
  text-align:right;
 }

.displayNone {
  display:none;
}

.alert {
  background-color:yellow;
  padding:3px;
}

.smallProfileBox {
  width:70px;
  text-align:center;
  vertical-align:top;
  padding-top:5px;
}

.smallProfileBox_new {
  width:50px;
  text-align:center;
  vertical-align:top;
  padding-top:5px;
}


.facebookHeaderText {
  padding-top:3px;
  vertical-align:top;
  text-align:left;
}

.profileBoxArea {
  width:495px;
}

.rightHandActionArea {
  width:90px;
  vertical-align:top;
}

.full_circle_container {
  padding-right:4px;
  padding-left:4px;
  padding-top:12px;
}

.full_circle {
  padding-bottom:2px;
  border-bottom:1px solid silver;
}

div.facebookHeader {
  height:20px;
  font-weight:bold;
  border-top:1px solid black;
  border-bottom:1px solid silver;
  background-color:#d8dfea;
  color:#3b5998;
  vertical-align:top;
  padding:0px;
}

.createQuestion {
  font-size:14px;
  padding:4px;
  border-bottom:1px solid black;
  color:black;
  vertical-align:top;
}

.miniMessage {
  border:1px solid silver;
  background-color:#eeeeee;
  vertical-align:top;
  z-index:3;
}

.closeWindow {
  border:1px solid black;
  text-align:right;
  background-color:#d8dfea;
  color:#3b5998;  
  padding:0px;
  padding-left:4px;
  padding-right:3px;
  font-weight:normal;
}

div.facebookSubHeader {
  height:16px;
  background-color:#eeeeee;
  border-bottom:1px solid silver;
  color:black;
  vertical-align:top;
  margin-bottom:2px;
  padding-top:3px;
  padding-left:9px;
}

div.facebookSubHeaderFlexHeight {
  background-color:#eeeeee;
  color:black;
  vertical-align:top;
  margin-bottom:2px;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:9px;
}

.facebookHeader a:link, .facebookHeader a:visited .facebookHeaderMinimized a:link, .facebookHeaderMinimized a:visited {
  color:#3b5998;
}

div.facebookHeaderMinimized {
  height:20px;
  font-weight:bold;
  border-top:1px solid silver;
  border-bottom:1px solid #cccccc;
  background-color:#eeeeee;
  color:#3b5998;
  vertical-align:top;
  margin-bottom:2px;
}

div.insetFullBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin:5px;
  margin-bottom:5px;
  border:1px solid silver;
}

div.insetFullNoBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align:left;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin-bottom:5px;
}

div.insetFullLeftBorder {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align:left;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:1px;
  margin-bottom:5px;
}

div.subLeft {
  border-left:0px solid silver;padding:2px;padding-left:4px;
}

div.descriptorText {
  font-size:11px;
  color:#777777;
  vertical-align:top;
  padding:1px;
}

div.descriptorTextLight {
  font-size:11px;
  color:#a1a1a1;
  padding:0px;
  vertical-align:top;
}

div.topNoPad {
  vertical-align:top;
  padding:0px;
}

.topAlign {
  padding:0px;
  vertical-align:top;
}

.topRightAlign {
  padding:0px;
  vertical-align:top;
  text-align:right;
}

.topLeftAlign {
  padding:0px;
  vertical-align:top;
  text-align:left;
}

.add_friend_dialog {
  background-color:white;
}

div.nameText {
  font-weight:bold;
  font-size:13px;
  vertical-align:top;
  padding:1px;
}

div.headText {
  font-weight:bold;
  font-size:13px;
  vertical-align:top;
}

div.nonNameText {
  font-size:11px;
  color:#3b5998;
  vertical-align:top;
  padding:1px;
}

.nonNameText a:link, .nonNameText a:visited {
  color:#3b5998;
}

div.messageSubject {
  font-weight:bold;
  font-size:12px;
}

div.friendsCircles {
  margin:5px;
  padding-left:4px;
  padding-top:3px;
  padding-bottom:10px;
  background-color:#bdc7d8;
  border:1px solid black;
}

div.email {
  padding-left:50px;
  background-color:#d8dfea;
}

td.profileBox {
  width:75px;
  text-align:center;
  vertical-align:top;
}

td.profileBox_new {
  width:55px;
  text-align:center;
  vertical-align:top;
}

td.subject {
  width:325px;
  text-align:left;
  vertical-align:top;
  font-size:16px;
}

td.category {
  width:205px;
  text-align:right;
  vertical-align:top;
}

.rightHandLink {
  background-color:white;
  border-bottom:1px solid silver;
  padding:3px;
  text-align:left;
}

.rightHandLinks {
  width:100px;
  text-align:right;
  vertical-align:top;
}

.rightHandLink a:hover, .rightHandLink a:hover {
  background-color:#3b5998;
  color:white;
  padding-bottom:3px;
  padding-top:3px;
  padding-right:3px;
  width:100%;
  text-decoration:none;
}

.circleUsers  {
  width:525px;  
}

td.category_input {

  width:325px;
  text-align:left;
  vertical-align:top;
}

.profileBoxDiv {
 height:100px;
 width:85px;
 border:1px solid black;
 text-align:center;
}

.tabFgd {
 text-align:center;
 padding-left:4px;
 padding-right:4px;
 padding-top:4px;
 padding-bottom:0px;
 border-right:1px solid silver;
 border-top:1px solid silver;
 border-left:1px solid silver;
 margin-right:9px;
 background-color:#eeeeee;
 color:black;
 font-weight:bold;
}

.tabBgd {
 text-align:center;
 padding-left:4px;
 padding-right:4px;
 padding-top:4px;
 padding-bottom:0px;
 border-right:1px solid silver;
 border-top:1px solid silver;
 border-left:1px solid silver;
 margin-right:9px;
 background-color:#dddddd;
 color:black;
}

.warningBox
{ 
  font-size:11px;
  font-weight:normal;
  padding-bottom:10px;
  padding-top:10px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#cce1ed; 
  border:1px solid #306991; 
}

.warningBoxFloat
{ 
  font-size:11px;
  font-weight:normal;
  padding: 10px 20px 10px 20px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#cce1ed; 
  border:1px solid #306991; 
  float: left;
}
#popup_content hr{
    height:1px;
    background:#8c8c8c;
    border:none;
}