/********* general stuff *********/

.whitebg { background-color: white; }

.center { margin: auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-middle { vertical-align: middle; }

.bold { font-weight: bold; }
.verybold { font-weight: bold; }
.verybold * { font-weight: bold; }

.smallpic { width: 70px; }
.smallpic img { width: 70px; }

.hidespans span { display: none; }

.white_box { width: 99%; background-color: white; border: 1px solid black; }

a.solid { display: block; padding: 10px 0px 10px 0px; }

a.a { border-bottom: 1px dotted black; }

input.thin { border: 1px solid #7f9db9; }

/********* specific *********/


/* various boxes */

.message_box { width: 70%; margin: auto; background: url("../siteimgs/message_bg.gif") left repeat-y #d0e8ff; border: 1px solid black; }
.message_box .body { font-size: 14px; text-align: center; padding: 10px 10px 10px 42px; background: url("../siteimgs/message_icon.gif") left no-repeat; }

.dialog_box { width: 70%; margin: auto; padding: 10px; font-size: 14px; background: white; border: 1px solid gray; }
.dialog_box .h { padding-bottom: 2px; border-bottom: 1px solid #CCCCCC; }

.basic_box { width: 99%; border: 1px solid #555fa7; background-color: #e7e7e7; }
.basic_box .h { padding: 5px; font-size: 12px; font-weight: bold; color: white; background-color: #555fa7; }
.basic_box .h a:link { font-weight: bold; color: white; }
.basic_box .h a:visited { font-weight: bold; color: white; }
.basic_box .h a:active { font-weight: bold; color: white; }
.basic_box .h a:hover { font-weight: bold; color: #FF6600; }
.basic_box .h .right { float: right; text-align: right; border-bottom: 1px dotted white; }
.basic_box .row { padding: 5px; }
.basic_box .body { padding: 10px; }

.gray_box { width: 99%; border: 1px solid #999999; background-color: #EEEEEE; }
.gray_box .h { padding: 4px; margin: 1px; font-size: 12px; font-weight: bold; color: white; background-color: #999999; }
.gray_box .h a:link { font-weight: bold; color: white; }
.gray_box .h a:visited { font-weight: bold; color: white; }
.gray_box .h a:active { font-weight: bold; color: white; }
.gray_box .h a:hover { font-weight: bold; color: #FF6600;}
.gray_box .h .rightlink { float: right; text-align: right; border-bottom: 1px dotted white; }
.gray_box .h .right { float: right; text-align: right; }
.gray_box .body { padding: 10px; }

.roundgrad_box { width: 99%; background: url("../siteimgs/box_tl.gif") top left no-repeat; }
.roundgrad_box .top1 { padding-left: 24px; background: url("../siteimgs/box_tlc.gif") top left no-repeat; }
.roundgrad_box .top2 { padding-right: 24px; background: url("../siteimgs/box_trc.gif") top right no-repeat; }
.roundgrad_box .top3 { height: 7px; font-size: 1px; background: url("../siteimgs/box_tc.gif") top repeat-x; }
.roundgrad_box .bottom1 { padding-left: 24px; background: url("../siteimgs/box_blc.gif") top left no-repeat; }
.roundgrad_box .bottom2 { padding-right: 24px; background: url("../siteimgs/box_brc.gif") top right no-repeat; }
.roundgrad_box .bottom3 { height: 7px; font-size: 1px; background: url("../siteimgs/box_bc.gif") bottom repeat-x; }
.roundgrad_box .body1 { background: url("../siteimgs/box_l.gif") left repeat-y #F5F4FF; }
.roundgrad_box .body2 { background: url("../siteimgs/box_r.gif") right repeat-y; }
.roundgrad_box .body3 { background: url("../siteimgs/box_t.gif") top repeat-x; }
.roundgrad_box .body4 { background: url("../siteimgs/box_b.gif") bottom repeat-x; }
.roundgrad_box .body5 { background: url("../siteimgs/box_tl.png") top left no-repeat; }
.roundgrad_box .body6 { background: url("../siteimgs/box_tr.png") top right no-repeat; }
.roundgrad_box .body7 { background: url("../siteimgs/box_bl.png") bottom left no-repeat; }
.roundgrad_box .body8 { padding: 5px 20px 5px 20px; background: url("../siteimgs/box_br.png") bottom right no-repeat; }
.roundgrad_box .h { font-family: arial; font-size: 16px; font-weight: bold; text-align: center; }

.contributions { width: 400px; margin: auto; padding: 0 5px 0 5px; background: white; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;}
.contributions th { color: white; background-color: #fe9708; }
.contributions .cont-td { border-bottom: 2px solid #fe9708; }

/* buttons */

input.btn { font-size: 10px; padding: 0 8px 0 8px; background: url("../siteimgs/link_btn_off.gif") center repeat-x #F4F4F4; border: 1px solid gray; }
input.btn:hover { background: url("../siteimgs/link_btn_on.gif") center repeat-x #FFFAEE; border: 1px solid gray; }

a.btn {
	display: block; margin: auto; width: 75px; padding: 3px 5px 3px 5px;
	font-weight: bold; text-align: center;
	background: url("../siteimgs/link_btn_off.gif") top repeat-x #F4F4F4; border: 1px solid gray;
}
a.btn:link { font-weight: bold; font-size:12px;}
a.btn:visited { font-weight: bold; font-size:12px;}
a.btn:active { font-weight: bold; font-size:12px;}
a.btn:hover { font-weight:bold; font-size:12px; background: url("../siteimgs/link_btn_on.gif") top repeat-x #FFFAEE; }

a.btn_groups { width: 100px; margin-bottom: 3px; }

.blogpage_title { margin-bottom: 10px; font-weight: bold; text-align: center; border-bottom: 1px solid black; }
.blogpage_list { width: 99%; border: 1px solid #6699cc; background-color: white; }
.blogpage_list .h { padding: 3px 10px 3px 10px; font-size: 12px; font-weight: bold; background-color: #A5D5F5; border-bottom: 1px solid #6699cc; }
.blogpage_list .body { padding: 10px; }
.blogpage_list th { padding: 0 0 5px 0; font-weight: bold; text-align: center; }
.blogpage_list td { padding: 2px; border-top: 1px solid #DDDDDD; }

/* navigation */

.blog_nav { width: 200px; float: left; clear: left; }
.blog_nav_aware { margin-left: 200px; padding-left: 10px; }

.leftside_nav { width: 166px; float: left; clear: left; font-size: 12px; }
.leftside_nav .box {  margin-bottom: 12px; background-color: white; border: 1px solid black; }
.leftside_nav .box .h { font-weight: bold; text-align: center; padding: 4px; }
.leftside_nav .box a { display: block; padding: 4px 8px 4px 8px; border-top: 1px solid black; }
.leftside_nav .active_box { margin-bottom: 12px; background-color: #dedcfc; border: 1px solid black; }
.leftside_nav .active_box .h { padding: 5px; font-weight: bold; text-align: center; }
.leftside_nav .active_box .subh { padding: 5px 5px 1px 0; margin: 0 5px 0 5px; font-size: 11px; font-weight: bold; border-bottom: 1px dotted black; }
.leftside_nav .active_box .tile { margin: 5px; padding: 5px 0 5px 0; font-size: 10px; border-top: 1px solid black; border-bottom: 1px solid black; }
.leftside_nav .active_box .tile a { display: inline; padding: 0; font-size: 10px; }
.leftside_nav .active_box a { display: block; padding: 5px; }
.nav_aware { margin-left: 166px; padding-left: 10px; } 


.bold_links a:link {font-weight:bold}
.bold_links a:visited {font-weight:bold}
.bold_links a:active {font-weight:bold}
.bold_links a:hover {font-weight:bold}

.small_links a:link {font-size:10px;}
.small_links a:visited {font-size:10px;}
.small_links a:active {font-size:10px;}
.small_links a:hover {font-size:10px;}


/* lists */

.friendlist_tile { width: 114px; margin: auto; text-align: center; background: url("../siteimgs/friends_tile.gif") no-repeat; }
.friendlist_tile img { border: 1px solid black; }

.friendlist_tile_edit { width: 114px; margin: auto; text-align: center; background: url("../siteimgs/friends_tile_edit.gif") no-repeat; }
.friendlist_tile_edit div.tab { position: relative; width: 114px; height: 15px; }
.friendlist_tile_edit div.tab img.forward { width: 10px; height: 10px; position: absolute; left: 80px; top: 2px; border: none;}
.friendlist_tile_edit div.tab img.delete { width: 10px; height: 10px; position: absolute; left: 94px; top: 2px; border: none;}
.friendlist_tile_edit div.memberimg img { border: 1px solid black; }

.userlist_tile { text-align: center; background: white; border: 1px solid #000099; }
.userlist_tile img { border: 1px solid black; }

/* other */

.form_label { padding-left: 20px; font-weight: bold; vertical-align: middle; background-position: left center; background-repeat: no-repeat; }
.form_desc { padding: 0 0 5px 20px; font-size: 9px; }
.form_topic { padding-left: 0; border-bottom: 1px solid black; }

.alert_box { width: 100%; margin-top: 40px; padding-top: 5px; font-family: arial; font-size: 12px; text-align: center; border-top: 1px solid gray; }
.alert_box_header { color: red; font-weight: bold; }

.info_box_big { width: 435px; margin: auto; margin-bottom: 20px; border: 2px solid black; padding: 10px; font-size: 16px; font-weight: bold; text-align: center; color:black; }

a.page_selected { padding: 0 2px 0 2px; border: 2px solid black; }

.moderator_tag { width: 73px; text-align: center; font-weight: bold; background: #d5e8fb; border: 1px solid black; }
 
.tip_box {text-align:right; margin:16px;}
.tip_box a:link {font-weight:bold; color:#FF6600;}
.tip_box a:visited {font-weight:bold; color:#FF6600;}
.tip_box a:active {font-weight:bold; color:#FF6600;}
.tip_box a:hover {font-weight:bold; color:#FF6600; text-decoration:underline;}



/* for view_friends.php */

.friendlist_status { font-size: 10px; color: #ff6c24; }
.friendlist_top { background: url("../siteimgs/friends_tile_edit1.gif") no-repeat !important; }
.friendlist_movable div.memberimg { cursor: move; }

.friendlist_tile { float:left; width: 114px; height:120px; text-align: center; margin:5px; padding:1px; background: url("../siteimgs/friends_tile.gif") no-repeat; border: 1px solid white; position: relative; }
.friendlist_tile div.memberimg { margin: auto; width:100px; height:100px; background-position: center top; background-repeat: no-repeat; }

.friendlist_tile_edit { float:left; width:114px; height:150px;  text-align:center; margin:5px; padding:1px; background: url("../siteimgs/friends_tile_edit.gif") no-repeat; border: 1px solid white; position: relative; }
.friendlist_tile_edit div.tab { position: relative; width: 114px; height: 15px; }
.friendlist_tile_edit div.tab img.forward { width: 10px; height: 10px; position: absolute; z-index:1; left: 80px; top: 2px; border: none; }
.friendlist_tile_edit div.tab img.delete { width: 10px; height: 10px; position: absolute; z-index:1; left: 94px; top: 2px; border: none; }
.friendlist_tile_edit div.memberimg { margin: auto; width:100px; height:100px; background-position: center top; background-repeat: no-repeat; }

.friends_box { background-color: white; border: 2px solid #D9D9D9; padding:0px; }
.friends_box .h { padding: 5px; margin-bottom: 10px; }
.friends_box .title { font-weight: bold; font-size: 14px; }
.friends_box .notifications { width: 300px; margin:auto; text-align: center; padding: 2px; background-color: #ffa11f; border: 1px solid #777777; display: none; }
.friends_box .search { padding: 10px 0 10px 10px; background: url("../siteimgs/top_friends_bg.jpg") bottom repeat-x #E5E5E5; }

#topfriends { background-color: white; margin: auto; width: 520px; height:110px; }
#topfriends_tip { position:absolute; left:0; text-align:center; font-size:16px; font-weight:bold; color:#ccc; height:100px; }

.myfriends { margin-top:5px; }
.myfriends #nav_bottom { clear:both; text-align:right; height: 15px; padding:5px; }

.tip-outer { display: table; width:650px; overflow: hidden; }
.tip-middle { #position: absolute; #top: 50%; #left:0; width:650px; display: table-cell; vertical-align: middle; }
.tip-text { #position: relative; #top: -50%; width:650px; }

#myfriends { width:650px; margin:auto; }