/********* global stuff *********/

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; background-color:#DEDED2}
img { border: none; text-decoration: none; }
form { margin: 0; padding: 0; }
td { text-align: left; vertical-align: top; font-size: 11px; color: black; font-family: Verdana, Helvetica, sans-serif; }
th { font-weight: bold; text-align: center; }

/********* site layout *********/

#wrapper { clear: both; margin: auto; padding: 0px; width: 900px;background-color:#FFFFFF; }
#header { position: relative; padding: 0 20px 0 20px; height: 246px; text-align: center; background: url(../siteimgs/header1.jpg) left top no-repeat; }
#headerProfile { position: relative; padding: 0 20px 0 20px; height: 80px; text-align: center; background-color:none; }
#topLinkProfile { text-align:center;background-image:url(http://mixwatch.com/siteimgs/navbar.png);background-repeat:no-repeat;padding-top:5px;height:28px;}
#topLinkProfile a{ text-decoration:none; font-size:16px;font-weight:bold;color:#FFFFFF;}
#mainmenu { height: 29px; padding-top: 5px; text-align: center; font-size: 14px; background: url(../siteimgs/navbar.png) left top no-repeat; }
#mainmenu a { color: #FFFFFF; text-decoration: none; }
#mainmenu a:hover { color: #030F63; text-decoration: underline; }
/*#mainmenu_inner { height: 35px; padding-top: 13px; text-align: center; font-size: 14px; background: url(../siteimgs/navleft.jpg) top left no-repeat; }*/
#content { clear: both; padding: 20px;background-color:none; }
#footer { clear: both; padding-top: 8px; font-size: 10px; line-height: 2em; text-align: center; height: 67px; background: url(../siteimgs/footer1.jpg) left top repeat-x #DEDED2; }
#footerProfile { clear: both; padding-top: 8px; font-size: 10px; line-height: 2em; text-align: center; height: 67px; }
/*#footer_logo { height: 146px; background: url(../siteimgs/logosm.gif) 820px 76px no-repeat; }
#footer_inner { height: 66px; padding-top: 80px; font-size: 10px; line-height: 2em; text-align: center; background: url(../siteimgs/footerleft.gif) left top no-repeat; }*/

#header_ad { position: absolute; left: 220px; top: 20px; }
#header_logo { position: absolute; left: 25px; top: 84px; }
#header_search { position: absolute; left: 160px; top: 215px; width: 550px; font-size: 11px; text-align: center; }
#header_search input.text { width: 257px; font-size: 9px; border: 1px solid #a49dbc; }
#header_search input.btn { width: 100px; font-size: 9px; background-color: #FCFDF8; border: 1px solid #999999; }

/********* 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 #5b8545; background-color: #fef1cf; }
.basic_box .h { padding: 5px; font-size: 12px; font-weight: bold; color: white; background-color: #666666; }
.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%; }
.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 #5f8645; background-color: white; }
.blogpage_list .h { padding: 3px 10px 3px 10px; font-size: 12px; font-weight: bold; background-color: #fdb717; 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;}