/* common */

body
{ padding: 0; margin: 0; background-color: #FFFFFF;
  font-family: arial, sans-serif; color: #505050; }

ul
{ list-style-type: none;
  padding: 0; margin: 0; }

ul li
{ padding: 0; margin: 0;
  background-repeat: no-repeat; }

img      { border: 0; margin: 0; padding: 0; }
a        { color: #3C5A87; text-decoration: none; }
a:hover , a:focus,
.header a:hover  , .header a:focus,
.mainbody a:hover, .mainbody a:focus
{ color: #5AA0D7; }

input.text, input.password, select, textarea
{ margin: 0; padding: 1px; border: 1px solid #B7B7B7;
  font-family: arial, sans-serif; font-size: 12px; color: #505050; }
input.text, input.password { height:16px; }
input.checkbox, input.radio { margin: 0; padding: 0; }

.form input.text, .form input.password { width: 300px; padding: 4px 5px; }
.form input.file  { padding: 4px 5px; }
.form select      { width: 322px; height: 26px; padding: 5px; }
textarea    { width: 350px; height: 150px; padding: 5px; }

.void, .hiddenframe
{ padding: 0; margin: 0; border: 0; }

.hiddenframe
{ width: 0; height: 0; overflow:hidden; }

.nl  { clear:both; }
.hr, .hr2, .hr0, .hrline { display:block; clear:both; font-size: 1px; height: 0px; }
.hr  { height:  5px; }
.hr2 { height: 20px; }
.hrline { border-bottom: 1px solid #A0A0A0; }

.img_holder   { text-align: center; margin: 5px; padding: 0; clear: both; }
.img_border   { display: block; border: 1px solid #A0A0A0; padding: 3px; }
.img_noborder { display: block; }
.img_info     { display: block; padding-top: 5px; font-size: 12px; color: #808080; }
.img_info i   { white-space: nowrap; }
.img_holder .img_border,
.img_holder .img_noborder { display: table; margin: 0 auto; }
.glry_holder { cursor: pointer; }

.left , .img_left  { float:left;  margin: 3px 5px 3px 0; }
.right, .img_right { float:right; margin: 3px 0 3px 5px; }
.img_right .img_info { text-align: right; }

.button
{ display: block; height: 18px; overflow: hidden;
  margin: 1px 0 1px 0; padding-left: 5px;
  background: url(button.png) no-repeat 100% 0px; color: #A0A0A0; }
.button:hover, .header .button:hover, .mainbody .button:hover
{ background-position: 100% -20px; color: #A0A0A0; }

.button span
{ display: block; height: 14px;
  margin: 0 5px 0 -5px; padding: 2px 4px 2px 10px;
  background: url(button.png) no-repeat 0px 0px;
  text-transform: uppercase; text-align: center;
  font-weight: bold; font-size: 11px; }
.button span:hover
{ background-position: 0px -20px; cursor: pointer; }

.button_raquo
{ width: 23px; height: 26px;
  background: url(button.png) no-repeat -40px -180px; }

.data .button, .data .button:hover,
.mainbody .form .button, .mainbody .form .button:hover
{ height: 23px; background-position: 100% -120px; color: #505050; }
.data .button span, .data .button span:hover,
.mainbody .form .button span, .mainbody .form .button span:hover
{ height: 18px; padding: 5px 4px 6px 10px;
  font-size: 10px; background-position: 0 -120px; }


.header
{ clear: both; width:1002px; text-align: left; }

.mainbody
{ clear: both; width: 1000px; text-align: left; margin-bottom: 5px;
  border: 1px solid #A0A0A0; border-width: 0 1px 1px 1px; }

.errorbody
{ width: 1000px;
  border: 1px solid #A0A0A0; border-width: 0 0 1px 1px; }

.errorbody .footer      { border-right: 1px solid #A0A0A0; }
.errorbody .maincontent { width: 626px; padding: 10px 20px; }
.errorbody #search_form { padding-top: 20px; }

/* header */

.header
{ height:99px; background: url(logo.gif) no-repeat top left; }

.header .secret
{ float:left; height: 75px; width: 300px; }

.header .button
{ width: 60px; }

.menu
{ clear:left; float: left; width: 666px; }

.menu ul
{ float:left;
  background: url(menu.gif) no-repeat 0px 0px; }

.menu li
{ float: left; overflow:hidden; height: 24px; }

.menu li a
{ display: block; margin: 0; height: 24px; font-size: 15px;
  background: url(menu.gif) no-repeat 0px -200px;
  padding-top: 4px;
  text-transform: uppercase; color: #A0A0A0;
}
.menu li a:hover { color: #A0A0A0; }

.menu ul.NEWS  li.NEWS  a, .menu li.NEWS  a:hover, .menu li.NEWS  a:focus
{ background-position: 0px -25px; }
.menu ul.BLOG  li.BLOG  a, .menu li.BLOG  a:hover, .menu li.BLOG  a:focus
{ background-position: 0px -50px; }
.menu ul.FORUM li.FORUM a, .menu li.FORUM a:hover, .menu li.FORUM  a:focus
{ background-position: 0px -75px; }

.menu li.NEWS  a { width: 93px; padding-left: 60px; }
.menu li.BLOG  a { width: 94px; margin-left: -6px; padding-left: 60px; }
.menu li.FORUM a { width: 90px; margin-left: -6px; padding-left: 60px; }

form.login_form, #search_form
{ width:333px; }
form.login_form .button, #search_form .button
{ float: right; }
form.login_form .text, #search_form .text
{ padding: 1px; }

.login_form
{ float: right; margin-top:10px; height:45px;
  text-align: right; font-size: 12px; color: #A0A0A0; }
.login_form a { color: #A0A0A0; }
#login_links
{ float: left; width: 180px; height: 20px; margin-top: 3px;
  text-align: left; font-size: 10px; }
#login_remember
{ float: left; height: 20px; margin-top: 3px;
  text-align: left; font-size: 10px; color: #A0A0A0; }
#login_remember * { float: left; }
#login_remember span { padding-left: 5px; }
#login_email  { clear:both; float: left; padding-right:15px; }
#login_email  input, #login_email  a { width: 161px; }
#login_passwd { float: left; }
#login_passwd input, #login_passwd a { width:  78px; }

#login_passwd_desc, #login_email_desc
{ padding: 1px; border: 1px solid #A0A0A0;
  text-align: left; font-size: 14px; color: #A0A0A0;
  white-space: nowrap; cursor: text; }

.login_error
{ height: 15px; float: right; clear: right; width: 333px; font-size: 10px; color: red; }
.login_error a { color: #3C5A87; text-decoration: underline; }

#search_form       { clear: right; float:right; }
#search_form input { float: left; width:258px; }

/* submenu */

.submenu { float: left; width: 667px; }

.submenu div
{ height: 28px; background: url(titlebar.gif) repeat-x 0px -30px; }
.submenu div div { background-image: none; height: 28px; padding: 0; color: #A0A0A0; margin:0; }
.submenu div div.right
{ background: url(titlebar.gif) no-repeat 100% 0px; }
.submenu div.NEWS
{ background-position: 0px  -60px; }
.submenu div.COMM
{ background-position: 0px  -90px; }
.submenu div.SHARE
{ background-position: 0px -120px; }
.submenu div.light, .submenu div.light div
{ height: 5px; }

.submenu div.NEWS a
{ float: left; padding: 6px 10px 0 10px;
  text-decoration: none; text-transform: uppercase;
  font-size: 10px; color: #A0A0A0; }
.submenu div.NEWS span
{ float: left; font-size: 16px; padding-top: 1px; }
.submenu div.NEWS a.selected
{ text-decoration: underline; }

.breadcrumb
{ float: left; font-size: 12px; margin-left: 15px; margin-bottom: 10px; }
.breadcrumb a { text-decoration: underline; }

/* boxes */

.boxes
{ float: right; width: 335px; margin: 0 -1px; text-align: left; }


.boxcontent, .boxlink, .boxfoot
{ border: 1px solid #A0A0A0; border-width: 0 0 0 1px; }

.boxtitle
{ clear: both; background: url(titlebar.gif) repeat-x 0px -240px; }

.boxtitle div
{ background: url(titlebar.gif) repeat-x 0px -150px; }

.boxtitle div div.l
{ height: 23px; padding: 5px 0 0 35px;
  text-align: left; text-transform: uppercase;
  font-weight: bold; font-size: 12px; color: #A0A0A0;
  background: url(titlebar.gif) no-repeat 0px -210px; }

.boxtitle div div.r
{ float: right; height: 23px; width: 10px; padding: 0;
  background: url(titlebar.gif) no-repeat 100% -270px; }

.boxtitle div.first div.l
{ background-position: 0px -180px; }
.boxtitle div.first div.r
{ background-position: 100% 0px; }

/*
.boxtitle div.news
{ background-position: 0px  -60px; }
.boxtitle div.comm
{ background-position: 0px  -90px; }
.boxtitle div.share
{ background-position: 0px -120px; }
*/

.boxes .intro { padding: 5px; }

.boxlink { height: 25px; padding:0 5px; }
.boxspec_POPULAR span
{ display: block; padding-bottom: 5px;
  font-family: georgia, sans-serif; font-size: 16px; }
.boxspec_TAGS      { height: 150px; overflow: auto; }
.boxspec_TAGS a    { color: #505050; font-size: 10px; text-transform: uppercase; text-decoration: underline; }

.boxspec_EVENTLIST .r0, .boxspec_EVENTLIST .r1
{ padding: 3px 10px; }
.boxspec_EVENTLIST .r0 { background-color: #ECECEC; }
.boxspec_EVENTLIST .title  { float: left; font-size: 13px; }
.boxspec_EVENTLIST .date   { float: right; padding-top: 4px; color: #A0A0A0; font-size: 11px; }
.boxspec_EVENTLIST .desc   { clear: left; float: left; font-size: 10px; }
.boxspec_EVENTLIST .more   { text-align: center; padding-top: 5px; }
.boxspec_EVENTLIST .more a { text-decoration: underline; }
.boxspec_EVENTLIST .text   { float: left; width: 260px; padding: 4px 5px;  }
.boxspec_EVENTLIST .button_raquo { float: right; }
#event_search_desc
{ border: 1px solid #B7B7B7; background-color: #FFFFFF;
  font-style: italic; color: #A0A0A0; }

.boxfoot { border-width: 1px 0 0 1px; height: 20px; }

/* footer */

.footer
{ clear: both; height: 36px; padding-top: 14px;
  background: url(footer.gif) no-repeat 0px 0px;
  text-align: center; }

.footer .secret
{ float:left; height: 50px; width: 50px;
  margin: -14px 0 0 10px; }
.footer .aligner
{ float:right; height: 50px; width: 60px;
  margin: -14px 0 0 0px; }


.footer a
{ text-decoration: none; text-transform: uppercase;
  font-weight: bold; font-size: 12px; color: #A0A0A0; }

.footer .sep
{ width: 50px; height: 12px; border:0;
  background: url(footer.gif) no-repeat -990px -19px; }

/* content.news and community index */

/* mce editor */
body.intro { width: 516px; padding: 5px; border: 0; }
body.intro a  { color: #505050; text-decoration: underline; }

.intro    { padding: 5px 0 0 0; font-size: 14px; }
.intro p  { padding: 0 0 5px 0; margin: 0; }
.intro h2 { padding: 0 0 2px 0; margin: 0; font-family: georgia, sans-serif; font-size: 16px; font-weight: normal; }
.intro h2 a { font-family: georgia, sans-serif; }
.intro .img_info   { display: none; }
.intro img {vertical-align: middle; }

.intro .img_holder
{ margin: 5px; padding: 0; border: 0; background-color: white; }

.leadframe { padding: 0 5px; }

.lead
{ padding: 3px 5px; overflow: hidden; }

.lead_sep
{ background: url(lead_sep.gif) repeat-x bottom left; }

.lead .title, .lead span { display:block; margin:0; padding:0; text-align: left; }
.lead .title { font-size: 16px; /*font-weight: bold;*/ }
.lead .super { font-size: 11px; }
.lead span, .lead p { font-size: 14px; }
.lead .left, .lead .right { margin-top:0; }

.lead_small, .lead_big { width:  323px; padding-top: 5px; }
.lead_small .lead      { height:  80px; }
.lead_big   .lead      { height: 176px; }
.lead_left  { float: left;  clear: left; }
.lead_right { float: right; clear: right; }
.lead_subjective * { font-style: italic; }

.lead .img_left  { margin: 3px 5px 0 0; }
.lead .img_right { margin: 3px 0 0 5px; }

.leadlist_TAGS    { padding-top: 10px; }
.leadlist_TAGS a  { font-size: 12px; color: #505050; text-transform: uppercase; text-decoration: underline; }

.lead_wide        { padding-top: 5px; }
.lead_wide .lead  { margin-bottom: 5px; }
.lead_wide .date  { float:left; margin: 0; font-family: serif; font-size: 14px; color: #808080; }
.lead_wide .date span { display:inline; font-size: 17px; }

.lead_important   { background-color: #E7E7E7; }

/* content */

div.maincontent
{ float: left;  width: 666px; padding: 5px 0 20px 0; margin-right: -1px; border-right: 1px solid #A0A0A0; }
.maincontent
{ text-align:left; font-family: arial, sans-serif; }
.maincontent h1 { margin:0; padding:0; }
.maincontent span.h3 { margin:0; padding:0; font-family: georgia, sans-serif; font-size: 24px; font-weight: normal; color: #3C5A87; }

.maincontent .super { text-transform: uppercase; color: #EDAB5D; }
.maincontent .sub   { }
.maincontent .title { font-family: georgia, sans-serif; }
.maincontent div.title,
.maincontent  p     { margin: 5px 0 0 0; }

.data
{ padding: 20px 70px 10px 70px; margin: 0; clear: both;
  font-family: arial, sans-serif; font-size: 16px; }

.data .separator, .data .pagenav
{ padding: 0 70px; margin: 10px -70px; }
.data .hrline { margin: 0 -20px 10px -20px; padding-top: 10px; }

/* mce editor */
body.data { width: 516px; padding: 5px; border: 0; }

.data .super { font-size: 12px; margin-bottom: 10px; }
.data .sub   { font-family: georgia, sans-serif; font-size: 17px; margin-bottom: 5px; }
.data .title { font-size: 24px; }
.data .lead  { font-family: georgia, sans-serif; font-size: 17px; padding-top: 15px; }

.data h2 { padding: 15px 0 0 0; margin: 0; font-family: georgia, sans-serif; font-size: 18px; font-weight: normal; }
.data p  { padding-top: 5px; margin: 0; line-height: 22px; }
.data p a { text-decoration: underline; }

.data .img_holder
{ margin: 5px; padding: 5px; border: 0; background-color: white; }

.data .page { display:none; }

.data .tags   { margin: 20px 0 0 0; font-size: 12px; }
.data .tags a { color: #505050; text-transform: uppercase; text-decoration: underline; }
.data .tags a:focus, .data .tags a:hover { color: #5AA0D7; }

.data .related   { margin: 20px 0 0 0; font-size: 12px; }
.data .related span { display: block; }
.data .related span.link
{ display: block; margin: 5px 0 0 20px; font-family: georgia, sans-serif; font-size: 16px; }

.data .textbox
{ float: right; width: 250px; margin: 10px 0 0 10px; padding: 5px; border: 0;
  background-color: #DDDDDD; font-size: 12px; }
.data .textbox h2 { padding: 0; margin: 0; font-size: 16px; }
.data .textbox p  { padding-top: 5px; margin: 0; line-height: 16px; }

.data ul { list-style-type: circle; }
.data ul   , .data ol    { margin: 10px 0 0 20px; padding: 0; }
.data ul li, .data ol li { margin: 0; padding: 0; }
.data blockquote
{ margin: 5px 0; padding: 5px; background-color: #DDDDDD; }
.data blockquote blockquote
{ border-left: 1px solid #505050; padding: 0 5px; }

.data .c_head
{ border-bottom: 1px solid #68B0AD; margin: 10px 0 5px 0; clear: both; }
.data .c_head .count
{ float: left; font-size: 32px; font-weight: bold; color: #68B0AD; }
.data .c_head .user, .data .c_head .date
{ float: left; margin-top: 16px; font-size: 14px; padding: 0 5px; }
.data .c_head .date { float: right; }
.data .c_message
{ margin-bottom: 40px; padding: 10px; font-size: 13px; }

.data .c_new  { display: block; margin: 20px 70px; }
.data .c_input  { width: 100%; margin: 5px 0; height: 150px; }
.data .c_new .button { margin: 10px 150px; }
.data div.c_new { text-align: center; }

.data .c_reply, .data .c_mod
{ float:right; padding: 1px 0 0 25px; margin: 5px 20px 0 0;
  background: url(button.png) no-repeat -220px -100px;
  text-decoration: underline; font-size: 12px; }
.data .c_mod
{ background-position: -220px -40px; }
.forumpage .c_reply
{ background-position: -220px -60px; }
.blogentry .c_reply
{ background-position: -220px -80px; }

/* search */

.search
{ padding: 10px 25px; clear: both; }

.search .separator, .search .pagenav
{ margin: 10px -25px; padding: 0 30px; }

.search .separator .desc  { float:left; text-transform: uppercase; color: #A0A0A0; }

.search .title { float:left; font-size: 18px; margin-right: 10px; }
.search .date  { float:left; margin: 0; font-family: serif; font-size: 14px; color: #808080; }
.search .date span { font-size: 17px; }
.search .date span.highlight { font-size: 14px; }
.search .lead  { clear:both; margin:0 0 10px 0; padding: 0; font-size: 16px; }

.search span.highlight { display: inline; font-size: 16px; font-weight: bold; color: #68B0AE; }

.search input.text { float: left; width: 260px; margin-right: 20px; }
.search a.simple   { float: right; text-transform: uppercase; font-size: 12px; color: #A0A0A0; padding-top: 5px; }

.search .img_holder  { width: 110px; clear: both; }
.search .result_wimg { float: left; width: 490px; }

.search .data        { padding: 0; }
.search .data .title { font-size: 24px; margin: 0; padding-bottom: 10px; }
.search .data .lead  { font-family: georgia, sans-serif; font-size: 17px; padding-top: 5px; }

.search .result_pad  { padding: 2px 5px; }
.search .important   { background-color: #E7E7E7; }

/* blog */

.bar_special { float: right; padding-right: 30px; font-size: 12px; margin-top: 12px; white-space: nowrap; }
.bar_special a { text-decoration: underline; }
.blog_rss
{ float: right; width: 26px; height: 26px; margin-right: 14px;
  background: url(button.png) no-repeat 0 -180px; }

.blogpage .title { font-size: 28px; }
.blogpage .dash  .title  { margin-bottom: 20px; }
.blogpage .topic .title  { margin-top: 30px; width: 350px; }
.blogpage .custom_ul
{ height: 5px; margin-bottom: 20px; font-size: 1px;
  background: url(head.png) no-repeat 0 -200px; }
.blogpage .custom_img
{ width: 125px; height: 50px; float:right; margin: -65px 20px 0 0;
  background: url(blog-default.png) no-repeat bottom center; }

.blogpage .b_list { float: left; width: 350px; font-size: 14px; }
.blogpage .b_list .pagenav
{ border-bottom: 0; margin: 20px 0 0 0; padding: 0 0 10px 0; }
.blogpage .b_item { margin-bottom: 10px; }
.blogpage .b_sum
{ float: left; clear: left; padding: 2px 3px; margin-right: 5px;
  background-color: #F2B772; color: white; }
.blogpage .b_sum:hover { color: white; }
.blogpage .b_title { font-family: georgia, sans-serif; font-size: 18px; }
.blogpage .b_date  { color: #A0A0A0; font-size: 11px; padding-top: 2px; }

.blogpage .b_box { clear: right; float: right; width: 165px; font-size: 12px; }
.blogpage .b_head
{ clear: both; padding-right:10px;
  background: url(head.png) no-repeat 100% -150px; }
.blogpage .b_head div
{ padding: 8px 0 6px 10px;
  font-size: 10px; text-transform: uppercase; text-align: center;
  background: url(head.png) no-repeat 0 -150px; }
.blogpage .b_text     { padding: 5px 8px 10px 8px; }
.blogpage .b_text p   { line-height: 1.2em; }
.blogpage .b_c_name   { font-weight: bold; }
.blogpage .b_c_title  { font-size: 11px; }
.blogpage .b_box a  { text-decoration: underline; }
.blogpage .b_box ul { list-style-type: none; margin: 0; padding: 0; }
.blogpage .b_box li
{ margin: 5px 5px 10px 0; padding: 0 8px;
  background: url(button.png) no-repeat -220px -240px; }
.blogpage .b_cloud   { word-spacing: 1em; line-height: 2em; }
.blogpage .b_cloud a { text-decoration: none; }
.blogpage .b_blogs a { text-decoration: none; font-size: 13px; }
.blogpage .b_blogs div { padding-bottom: 10px; }
.blogpage .b_more    { display:block; text-align: center; }

.blogentry p, .blogentry .related { font-size: 14px; }
.blogentry .related { margin-top: 30px; }
.blogentry .separator
{ float: right; border: none; margin: 0; padding-right: 65px; }

.blogentry .b_e_head
{ font-size: 12px; border: 1px solid #E7E7E7; background-color: #FCFCFC;
  padding: 0 10px; margin: 20px 0 10px 0; }

/* forum */

.data .forumpage { font-size: 12px; }
.forumpage .desc { margin: 10px 0 20px 0; font-size: 11px;  line-height: 18px; }
.forumpage .button  { margin: 5px 10px 0 0; }
.forumpage .pagenav { border-top: 0; margin: 20px 0 0 0; padding: 10px 0 2px 0; }

.forumpage .f_stepping { float: right; margin-top: 7px; }
.forumpage .f_stepping font { padding: 4px 0; font-size: 11px; }
.forumpage .f_col
{ float: right; width: 80px; margin: 5px 10px;
  text-align: center; font-size: 11px; }
.forumpage .f_head
{ clear: both; height: 33px; padding-right:10px; margin: 5px 0;
  background: url(head.png) no-repeat 100% 0px; }
.forumpage .f_head div
{ height: 100%; padding-left: 10px; padding-top: 8px;
  font-size: 16px; font-weight: bold; font-family: georgia, sans-serif;
  background-image: url(head.png); }
.forumpage .f_head .left, .data .f_head .right
{ margin: 0; padding:1px 0; color: #505050; font-size: 12px; font-weight: normal;
  font-family: arial, sans-serif; }
.forumpage .f_head a:hover
{ color: #505050; text-decoration: underline; }
.forumpage .f_topic { clear: both; padding: 5px 2px 5px 10px; }
.forumpage .f_topic:hover   { background-color: #E8F3F3; }
.forumpage .f_topic a:hover { text-decoration: underline; }

.forumpage .f_t_title, .data .f_t_title2
{ float: left; font-size: 14px; font-family: georgia, sans-serif; }
.forumpage .f_t_title2 { padding: 10px 0; }
.forumpage .f_t_desc   { clear: left; float: left; padding-top: 3px; font-size: 11px; }
.forumpage .f_t_col
{ float: right; width: 100px; padding-top: 3px;
  text-align: center; font-size: 11px; line-height: 16px; }
.forumpage .f_t_tlink
{ width: 10px; height: 10px;
  background: url(button.png) no-repeat -80px -60px; }
.forumpage .f_t_credit { color: #A0A0A0; padding-top: 5px; font-size: 11px; }

.forumpage .topic, .forumpage .message
{ margin: 5px 0 30px 0; }
.forumpage .message .f_head
{ background-position: 100% -50px; height: 28px; }
.forumpage .message .f_head div
{ background-position: 0px -50px; padding-top: 5px; }

.data .f_message { padding: 0 10px; }
.f_message { padding: 10px; font-size: 13px; }
.f_message p { padding: 0; margin: 0; line-height: 1.2em; }
.f_message blockquote
{ background-color: #EBEEF3; margin: 5px 0; padding: 5px; }
.f_message blockquote blockquote
{ border-left: 1px solid #505050; padding: 0 5px; }

.eventpage a { text-decoration: underline; }
.eventpage a.button { text-decoration: none; }

.eventpage .datepicker
{ background-color: white; float: right; padding: 10px 0 10px 10px;
  font-size: 11px; }
.eventpage .datepicker .button      { margin-top: 10px; }
.eventpage .datepicker .button span { text-decoration: none; font-size: 13px; padding-top: 4px; }
.eventpage .datepicker a.highlight  { background: #94A3BA; color: #48586E; }

.eventpage .e_reg { padding: 10px 0; text-align: center; }

.eventpage .event  { padding: 5px 10px 20px 10px; }
.eventpage .e_date { font-size: 11px; color: #A0A0A0; }
.eventpage .e_user { color: #505050;}
.eventpage .e_lead { font-size: 12px; }
.eventpage .e_more { float: right; font-size: 12px; margin: 0 10px 0 0; }
.eventpage .e_r1   { background-color: #ECECEC; }

.eventpage .e_head
{ clear: both; height:28px; padding-right: 10px;
  background: url(head.png) repeat-x 100% -250px; }
.eventpage .e_head div
{ padding: 6px 0 5px 10px; color: #505050;
  font-size: 12px; text-transform: uppercase;
  background: url(head.png) no-repeat 0 -250px; }
.eventpage .e_m_item  { font-size: 13px; margin: 3px 0; padding: 1px 10px; }
.eventpage .e_m_item:hover { background-color: #ECECEC; }
.eventpage .e_m_title { float: left; clear: both; }
.eventpage .e_m_date  { float: right; clear: right; color: #A0A0A0; font-size: 11px; padding-top:2px; }




/* tooltip */

div.tooltip
{ display: none; position: absolute;
  background-color: #808080; padding: 2px;
  color: #FFFFFF; text-indent: 3px;
  z-index:999;}

div.tooltip div
{ position:relative; z-index: 999;
  background-color: white; color: #808080;
  padding: 0 3px 0 3px; text-indent: 0px; }

/* mod.form */

.form { font-family: arial, sans-serif; }

.formpage { padding: 5px 20px; }
.formpage h3  { font-size: 24px; margin: 0; padding-bottom: 10px; }
.formpage .num { font-size: 12px; }

.form .intro      { margin-bottom: 30px; font-family: arial, sans-serif; font-size: 16px; }
.form .intro p    { line-height: 22px; }
.form .intro p a  { text-decoration: underline; }
.form .button_sep { margin-bottom: 10px; clear: both; float: left; width: 160px; }
.form .button     { float: left; margin: 20px 15px 0 0; }

.form div.form_msg { clear: both; padding: 5px 0; }
.form div.form_msg span { display: block; }
.form div.form_msg div.summary  { font-weight: bold; }
.form div.form_msg div.summary div  { clear:both; }
.form div.form_msg div.summary span { padding: 5px; }
.form div.form_msg div.sum      { margin-top: 5px; }
.form div.form_msg div.summary span.r
{ float: right; padding-left: 10px; }
.form div.form_msg div.sumitem span.l
{ font-weight: normal; }
.form div.row0
{ clear: both; }
.form div.row1
{ clear: both; background-color: #EEEEEE; }

.form div.formname
{ clear: both; float: left; width: 150px;
  text-align: left; padding: 5px 0; margin: 0 10px 10px 0; text-align: right; }

.form div.formname span     { font-size: 14px; }
.form div.formname span.required { font-weight: bold; }
.form div.formname span.num { display:none; }

.form div.formvalue
{ float: left; width: 315px; margin-bottom: 10px; font-size: 12px; }
.form div.formvalue table
{ clear: left; float: left; margin: 0; padding: 0; font-size: 12px; }
.form div.formvalue td
{ text-align: center; padding: 6px 8px; vertical-align: top; }
.form div.formvalue td.desc
{ text-align: left; width: 98%; padding-left: 2px; padding-right: 2px; }
.form div.formvalue tr.head td
{ vertical-align: bottom; }
.form div.formvalue .h:hover
{ background-color: #EEEEEE; cursor:pointer; }
.form div.formvalue td input.text      { text-align: right; width: 100px; margin:-2px 0; }
.form div.formvalue td.desc input.text { text-align: left; }
.form div.formvalue td input.checkbox,
.form div.formvalue td input.radio     { margin-top: 1px; }

.form div.formdesc
{ float: left; width: 20px; height: 20px; margin: 0 0 0 5px; font-size: 1px;
  background: url(button.png) no-repeat -140px -40px; }

.form div.formerror
{ clear: left; float: left; padding:4px 0;
  font-size: 12px; color: red; }
.form div.formerror a, .form div.formerror a:hover
{ font-size: 12px; color: red; text-decoration: underline; }

.form div.field_CHECKBOX { padding-top: 6px; }
.form div.field_TEXTAREA { width: 305px; }
.form div.field_RATE td  { height: 18px; padding: 1px 5px; }

.form div.field_TAGS { width: 365px; }
.form div.field_TAGS input,
.form div.field_TAGS .button
{ float: left; margin-right: 5px; }
.form div.field_TAGS .button { margin-top: 2px; }

.form div.field_TEXTLIST td { padding-top: 8px; padding-bottom: 8px; }

.form div.field_TEXTLIST div.summary
{ width: 200px; float: right; text-align: right; border-top: 1px solid #A0A0A0;
  margin-top: 5px; padding: 5px 13px; }
.form div.field_TEXTLIST div.formerror
{ clear: right; float:right; }

.form div.field_HTML   td,
.form div.field_HTML_L td { padding: 0; }
.form .mceEditor { height: 350px; }

.form img.captcha
{ display: block; width: 202px; height: 50px;
  margin-bottom: 10px; border: 1px solid #A0A0A0; }

.tags_popup
{ display: none; position: absolute; padding: 5px; border: 1px solid #A0A0A0;
  background-color: #FFFFFF; font-size: 12px; color: #808080; z-index:999; }
.tags_popup a
{ color: #505050; text-transform: uppercase; text-decoration: underline; }

.form .button_B, .form .button_I, .form .button_U
{ float: left; width: 42px; height: 24px; margin-right: 10px; cursor: pointer;
  background: url(button.png) no-repeat 0 -90px; }
.form .button_I { background-position: -50px -90px; }
.form .button_U { background-position: -100px -90px; }
.form .mceToolbar .button  { float: right; margin: 0 0 5px 10px; cursor: pointer; }
.maincontent .form .button .button_link, .maincontent .form .button .button_link:hover
{ background-position: 0 -60px; padding-left: 30px; }

/* mod.form inside boxes */
.boxes .hr2      { height: 1px; }
.boxes .button   { float: right; margin: 0 0 5px 0; }
.boxes div.formname  { margin: 0; padding: 0; }
.boxes div.formvalue { clear:left; margin: 0; padding: 5px 0; }
.boxes .button_sep   { margin: 0; padding: 0; }

/* mod.form for advanced search */
#form_SEARCH div.field_CHECKLIST table.c1  { clear: none; }
#form_SEARCH div.field_CHECKLIST table     { width: 140px; }
#form_SEARCH div.field_RADIOLIST table     { width: 280px; }
#form_SEARCH div.formname  { padding-top: 2px; }
#form_SEARCH div.formvalue { padding-bottom: 10px; }
#form_SEARCH div.formvalue td { padding-top: 4px; padding-bottom: 4px; }

/* mod.form for community */
#form_BLOG    div.formname,
#form_MAIL    div.formname,
#form_BLOG    div.button_sep,
#form_MAIL    div.button_sep
{ width: 90px; }


#form_GAME .formpage { padding: 20px 70px 10px 70px; }
#form_GAME div.formname p  { margin:0; padding:0; }
#form_GAME div.formname,
#form_GAME div.button_sep { text-align: left; width: 200px; }
#form_GAME div.field_RADIOLIST,
#form_GAME div.field_CHECKLIST { width: 300px; }
#form_GAME div.intro
{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #A0A0A0;}


#form_FORUMMSG .formpage    { padding: 20px 50px 10px 70px; }
#form_FORUMMSG div.formname  { width: auto; margin: 10px 5px 10px 0; }
#form_FORUMMSG div.formvalue { width: auto; margin: 10px 15px 0 0; }
#form_FORUMMSG div.name_HTML_L   { display: none; }
#form_FORUMMSG div.field_HTML_L  { width: 530px; float: none; clear: both; }
#form_FORUMMSG div.name_CHECKBOX  { clear: none; }
#form_FORUMMSG .hr0 { display: none; }
#form_FORUMMSG .button_sep { display: none; }
#form_FORUMMSG .button_bar { float: right; }
#form_FORUMMSG .button_bar .button { float:left;  margin-top: 10px; }

#form_INLINEVOTE
{ margin:10px 100px; padding:10px 20px 10px 20px; border: 1px solid #A0A0A0;
  float: none; display: block; }
#form_INLINEVOTE .hr2      { height: 1px; }
#form_INLINEVOTE .button   { float: right; margin: 0 0 0 0; }
#form_INLINEVOTE div.formname  { float:none; width: auto; margin: 0; padding: 0; text-align: left; }
#form_INLINEVOTE div.formvalue { margin: 0; padding: 5px 0; }
#form_INLINEVOTE table     { margin-right: 30px; }
#form_INLINEVOTE,
#form_INLINEVOTE p     	   { font-size: 12px; line-height: 14px; }

#form_BOXVOTE div.formname  { float: none; width: 100%; text-align: left; }
#form_BOXVOTE div.formvalue { float: none; width: 100%; }

#form_SURVEY { float: none; display: block; padding: 0 35px; }
#form_SURVEY .hr2  { height: 1px; }
#form_SURVEY .text { padding: 1px; }
#form_SURVEY div.formname
{ float: none; width: auto; margin-top: 50px; padding: 0 10px 0 0; border-bottom: 1px solid #B7B7B7;
  background-color: #E3EAEF; background: url(head.png) no-repeat 100% -100px; }
#form_SURVEY div.formname div
{ margin: 0; padding: 3px 0 3px 10px; background-color: #E3EAEF;
  background: url(head.png) no-repeat 0px -100px; }

#form_SURVEY div.formname span { font-size: 14px; font-weight: bold; }
#form_SURVEY div.formname span p { display: inline; }
#form_SURVEY div.formname span.num { display: inline; font-size: 18px; font-weight: normal; }
#form_SURVEY div.formvalue { float: none; width: auto; padding: 0; }
#form_SURVEY div.formvalue td.first { padding-left: 30px; }
#form_SURVEY div.formvalue td.last  { padding-right: 10px; }
#form_SURVEY div.formvalue table
{ float: none; display: block; }
#form_SURVEY div.field_TEXT,
#form_SURVEY div.field_RATE,
#form_SURVEY div.field_TEXTAREA { padding-left: 30px; padding-right: 10px; }
#form_SURVEY input { border-color: #B7B7B7; }
#form_SURVEY div.summary { border-color: #B7B7B7; }
#form_SURVEY .button_sep
{ float: none; width: auto; border-top: 1px solid #B7B7B7; margin-top: 50px; margin-bottom: 10px; }
#form_SURVEY .button { margin: 0 240px; }

/* mod.tabs */

ul.tab
{ height: 25px; }

ul.tab li
{ float: left;
  padding: 0 2px 0 0; }

ul.tab li a
{ display: block;
  padding: 3px 5px 2px 5px; margin: 0 0 1px 0;
  text-decoration: none; text-transform: lowercase;
  background: url(menu.gif) repeat-x 0px 0px; }

ul.tab li.selected a
{ background-position: 0px -25px;
  padding: 3px 5px 3px 5px; margin: 0; }

div.tab
{ border-top: 1px solid #0000FF;
  display: none; }

/* mod.navbar and separator */

.pagenav, .separator
{ clear: both; height: 20px; margin: 10px 0; border: 1px solid #A0A0A0; border-width: 1px 0;
  font-size:12px; color: #505050; }

.pagenav  div  { padding: 3px; }
.pagenav .prev { float:left; }
.pagenav .nums { text-align:center; }
.pagenav .next { float:right; }
.pagenav .selected { color: #505050; font-weight: bold; }

.separator div      { margin:0; padding:0; }
.separator div *    { float:left; }
.separator select   { margin:1px 0 1px 5px; padding: 0; height:18px; }
.separator span,
.separator font,
.separator a        { padding: 2px 0; font-size:12px; } /* IE7 cannot inherit size for font */
.separator font     { max-width: 225px; overflow: hidden; white-space: pre; }
.separator div span { font-size:15px; color: #A0A0A0; padding:0 10px; }
.separator div div span { padding: 0; margin: 2px 0; }
.separator a.iwiw_button { margin: -1px 0; }
.separator .icon    { margin: 1px 10px; }
.sep_light          { color: #808080; }


.separator a { }
.separator a.print  { background: url(button.png) no-repeat 100% -178px; padding-right: 25px; margin-right: 3px; }
.separator a.addthis_button { margin-top: -1px; }

.maincontent .sep_light a { color: #808080; }

/* mod.layer */
#popupcontainer
{ display: none; position: absolute; left: 0; width: 100%;
	z-index: 100; text-align: center;
  background-color: #FFFFFF; border: 1px solid #505050; }

#popuplayer
{ display: none; position: absolute; top: 0; left: 0;
	z-index: 90; width: 100%; height: 500px;
	background-color: #A0A0A0; opacity: 0.5; }

#popupclose   { float: right; width: 20px; height: 20px; cursor: pointer; }
#popupcontent { clear: both; }

#popupcontent #prevlink, #popupcontainer #nextlink
{ visibility: hidden; margin: 0 10px; padding: 5px; border: 1px solid #A0A0A0; cursor: pointer; }
#popupcontent #prevlink   { float: left;  }
#popupcontent #nextlink   { float: right; }
#popupcontent .img_holder { margin: 0 10px 10px 10px; clear: none; }

.data .ad1
{ margin: -20px -70px 20px -70px; text-align: center; }

.my_select
{ width: 280px; height: 14px; padding: 5px 25px 5px 5px; border: 1px solid #B7B7B7; overflow: hidden;
  background: url(button.png) no-repeat 100% -210px; }

.customStyleSelectBox
{ font-size:12px; background-color: #FFFFFF; color:#505050; border:1px solid #B7B7B7;
  background:url(button.png) no-repeat 100% -210px; height: 14px; padding:5px 25px 5px 5px; }
.customStyleSelectBox.changed { background-color: #FFFFFF; }
.customStyleSelectBoxInner { overflow: hidden; white-space: nowrap; }

.form div.field_DATETIME select { width: 75px; float: left; }
.form div.field_DATE .my_select,
.form div.field_DATETIME .my_select
{ width: 120px; float: left; margin-right: 10px; }

.picker { clear:left; float:left; padding-top: 5px; font-size: 12px; display: none; }
.form .formvalue .picker td { padding: 1px; }
.picker select  { height: auto; padding: 0; }