html, body { height: 100%; }

a.indashed { text-decoration: none; }
	a.indashed span.dashed { border-bottom: 1px dashed #b2b2b2; }
		a.indashed:hover span.dashed { border-bottom: none; }
	a.indashed span.clearSort { padding: 4px; }
	a.indashed span.downSort { padding: 4px; background: url(/img/icons/up_down.gif) 2px 11px no-repeat; }
	a.indashed span.upSort { padding: 4px; background: url(/img/icons/up_down.gif) 2px -19px no-repeat; }

a.grey { color: #a9a9a9; border-color: #a9a9a9; }
	a.grey:hover { color: #a9a9a9; border-color: #a9a9a9; }
a.white { color: #fff; border-color: #fff; }
	a.white:hover { color: #fff600; border-color: #fff600; }
a.yellow { color: #fff600; border-color: #fff600; }
	a.yellow:hover { color: #0eff69; border-color: #0eff69; }
a.dashed { text-decoration: none; padding: 2px; }
	a.dashed u { text-decoration: none; border-width: 0 0 1px 0; border-style: dashed; }
a.cancel { text-decoration: none; padding: 0 2px; }
	a.cancel:hover { color: #000; background-color: #0eff69; }
a.curtab { background: #b2b2b2; color: #313131; text-decoration: none; padding: 2px; }
	a.curtab u { text-decoration: none; border-width: 0 0 1px 0; border-style: none; }

body#main { background: url(/img/rsm/bg_mid.jpg) 0 107px no-repeat; }
body#main2 { background: url(/img/rsm/bg_mid.jpg) 0 77px no-repeat; }
#top { height: 60px; background: url(/img/rsm/bg_top.jpg) 0 0 no-repeat; min-width: 1030px; }
	#top_menu { padding: 25px 0 0 670px; }
		#top_menu a { margin-right: 60px; }
#top2 { height: 30px; background: url(/img/rsm/bg_top.jpg) 0 -30px no-repeat; min-width: 1030px; }
#logo { height: 47px; background: url(/img/rsm/bg_tex.jpg) 1163px 0 repeat-x; }
	#logo div.logo { height: 47px; background: url(/img/rsm/bg_logo.jpg) 0 0 no-repeat; min-width: 1030px; }
	#logo div.logo div.a { float: left; margin-left: 190px; width: 367px; height: 47px; }
		#div_login { float: left; padding: 0 0 0 113px; }
			#div_login div { float: left; margin: 10px 20px 0 0; }
			#div_login div.std input { width: 128px; color: #fff; background: #000; border: 1px solid #a8ff92; padding: 2px; }
			#div_login div.submit { margin: 8px 20px 0 0; }
		div.user { padding: 15px 0; }
		div.user a.yellow { font-weight: bold; margin: 0 30px 0 155px; }
#mid { height: 40px; min-width: 1030px; }
	#mid_menu { padding: 15px 0 0 670px; }
		#mid_menu a { margin-right: 40px; }
	#menu { padding: 20px 0 0 76px; font: normal 10pt Arial; }
		#menu a { display: block; float: left; padding: 0 18px; margin: 6px 10px; }
		#menu span.s0 { display: block; float: left; height: 30px; margin: 0 10px; background: url(/img/rsm/curmenu-l.gif) 0 0 no-repeat; }
		#menu span.s1 { display: block; float: left; height: 30px; padding: 0 15px; background: url(/img/rsm/curmenu-r.gif) 100% 0 no-repeat; }
		#menu span.s2 { display: block; float: left; height: 18px; padding: 6px 3px; background: url(/img/rsm/curmenu.gif) 0 0 repeat-x; }
	#submenu { padding: 20px 0 0 104px; font: normal 10pt Arial; }
		#submenu a { margin-right: 39px; }
		#submenu span { margin-right: 39px; }
#content { padding: 0 120px; min-width: 1030px; }
	#content .lpad30 { margin-left: 30px; }
	#content .pad21 { margin-top: 21px; }
	#content .pad42 { margin-top: 42px; }
	#content .pad44 { margin-top: 44px; }
#content2 { padding: 60px 100px; min-width: 1030px; }
	#content2 h1 { font: normal 18pt "Trebuchet MS"; margin: 0 0 12px 0; }
	#content2 .pad21 { margin: -60px 0 0 20px; }
#footer { padding: 60px; text-align: right; min-width: 1030px; }

.block { margin: 30px 0 0; background: url(/img/rsm/block-brd-0.gif); padding: 1px; }
	.block .b1 { background: url(/img/rsm/block-brd-1.gif); padding: 16px; }
	.block .b2 { float: left; background: url(/img/rsm/block-brd-2.gif); padding: 1px; margin: 0 19px 0 0; }
	.block .b3 { clear: both; background: url(/img/rsm/block-brd-3.gif); padding: 1px; }
	.block p { margin: 3px 0 10px; font-size: 9pt; }
	.block p b { color: #fff; font-size: 12pt; }

.infobox { background: #000 url(/img/rsm/box-h-line.gif) 0 0 repeat-x; }
	.infobox .h-b { background: url(/img/rsm/box-h-line.gif) 0 100% repeat-x; }
	.infobox .v-l { background: url(/img/rsm/box-v-line.gif) 0 0 repeat-y; }
	.infobox .v-r { background: url(/img/rsm/box-v-line.gif) 100% 0 repeat-y; }
	.infobox .lt { background: url(/img/rsm/box-corner-lt.gif) 0 0 no-repeat; }
	.infobox .rt { background: url(/img/rsm/box-corner-rt.gif) 100% 0 no-repeat; }
	.infobox .lb { background: url(/img/rsm/box-corner-lb.gif) 0 100% no-repeat; }
	.infobox .rb { background: url(/img/rsm/box-corner-rb.gif) 100% 100% no-repeat; }
	.infobox .text { padding: 32px; }
	.infobox .text b { color: #fff; }

.frm { background: url(/img/rsm/form-tex.gif); }
	.frm .h-t { background: url(/img/rsm/form-brd-top.gif) 0 0 repeat-x; }
	.frm .h-b { background: url(/img/rsm/form-brd.gif) 0 100% repeat-x; }
	.frm .v-l { background: url(/img/rsm/form-brd.gif) 0 0 repeat-y; }
	.frm .v-r { background: url(/img/rsm/form-brd.gif) 100% 0 repeat-y; }
	.frm .lt { background: url(/img/rsm/form-lt.gif) 0 0 no-repeat; }
	.frm .rt { background: url(/img/rsm/form-rt.gif) 100% 0 no-repeat; }
	.frm .lb { background: url(/img/rsm/form-lb.gif) 0 100% no-repeat; }
	.frm .rb { background: url(/img/rsm/form-rb.gif) 100% 100% no-repeat; }
	.frm h1, #content2 .frm h1 { font: normal 18pt "Trebuchet MS"; padding: 28px 0 43px; margin: 0 0 0 30px; }

.userbox { position: absolute; left: 934px; top: 39px; width: 185px; font: normal 9pt Arial; z-index: 1; }
	.userbox div { background: #313131; padding: 8px 10px; }
	.userbox div.balance { background: #fff600; color: #000; }

#news { margin: 0 30px; }
	#news div.date { margin: 15px 0 0; }
		#news div.date span { color: #fff; background: #333; padding: 1px 2px; }
	#news div.text { padding: 2px; }
	#news div.all { margin: 15px 0 0; padding: 0 0 0 32px; background: url(/img/rsm/all-news.gif) 0 50% no-repeat; }
		#news div.all a { font-size: 11pt; }

.news { margin: 10px 30px; }
	.news .date { margin-top: 15px; color: #fff; }

#faq { margin: 0 30px; padding: 0; }
	#faq li { margin: 0px; padding: 0; }
		#faq li.moder { cursor: move; }
	#faq .q { margin-top: 20px; color: #fff; }

#underground { position: absolute; top: 0; left: -1px; height: 100%; z-index: 10; background: #000; }
	#underground.loading { background: #000 url(/img/rsm/big-loader.gif) no-repeat 50% 50%; }
	.undergrounded { padding: 10px; position: absolute; background: #0a0b0d; border: 1px solid #313131; z-index: 11; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
	.undergrounded .closePopup { float: right; }
		.undergrounded .closePopup a { margin-left: 20px; display: block; text-decoration: none; width: 20px; height: 20px; background: url(/img/calendar/close.gif) 0 0 no-repeat; }
			.undergrounded .closePopup a:hover { background: url(/img/calendar/close_over.gif) 0 0 no-repeat; }
	.undergrounded h6 { margin: 0 20px 0 0; }

#alertpopup { position: fixed; left: 70%; top: 70%; width: 29%; height: 28%; z-index: 2; padding: 3px; text-align: left; background: #000; border: 1px solid #999; }
	#alertpopup div.title { font-weight: bold; color: #fff; }
	#alertpopup a.close { float: right; margin: 1px 3px; }
		#alertpopup a.close img { width: 15px; height: 15px; background: url(/img/icons/close.gif); }
			#alertpopup a.close:hover img { width: 15px; height: 15px; background: url(/img/icons/close_over.gif); }
	#alertpopup a.read { float: right; margin: 1px 3px; }
		#alertpopup a.read img { width: 15px; height: 15px; background: url(/img/icons/read.gif); }
			#alertpopup a.read:hover img { width: 15px; height: 15px; background: url(/img/icons/read_over.gif); }

form div.title { margin-top: 5px; font: bold 10pt Tahoma; }
form div.field { margin-top: 15px; font: normal 9pt Tahoma; }
form div.input { margin-top: 2px; }
	form div.input .std { border: 1px solid #a5a5a5; background: #333; color: #fff; padding: 4px 2px; font: normal 10pt "Trebuchet MS"; }
	form div.input .compact { padding: 0; font: normal 8pt Tahoma; }
	form div.input .mini { width: 50px; }
	form div.input .small { width: 80px; }
	form div.input .medi { width: 168px; }
	form div.input .medium { width: 216px; }
	form div.input .big { width: 300px; }
	form div.input .extrabig { width: 600px; }
	form div.input .extramini { padding: 0px 3px; font: normal 7pt Tahoma; }
form div.error { margin-top: 1px; width: 294px; padding: 3px; border-bottom: 1px solid #f7335d; color: #f7335d; background: #eee; font: normal 8pt Tahoma; }
form div.submit { margin: 15px 0; font: normal 9pt Tahoma; }
	form div.submit input { padding: 1px; font: normal 9pt Tahoma; }
form div.comment { font: normal italic 8pt Tahoma; color: #777; }

form td.text { vertical-align: middle; text-align: left; font: normal 10pt "Trebuchet MS"; white-space: nowrap; }
form td.field { vertical-align: middle; text-align: right; color: #fff; font: normal 10pt "Trebuchet MS"; white-space: nowrap; }
form td.input { vertical-align: middle; padding: 0 10px 0 3px; }
	form td.input .std { border: 1px solid #a5a5a5; background: #333; color: #fff; padding: 4px 2px; font: normal 10pt "Trebuchet MS"; }
	form td.input .compact { padding: 0; font: normal 8pt "Trebuchet MS"; }
	form td.input .small { width: 80px; }
	form td.input .medium { width: 168px; }
	form td.input .medi { width: 190px; }
	form td.input .big { width: 252px; }
	form td.input .date { width: 62px; }
	form td.input .mini { width: 20px; }
form td.submit { text-align: center; padding: 15px 0 50px; }
	form td.submit input { padding: 1px; font: normal 9pt "Trebuchet MS"; }
form td.error { color: #f00; font: normal 9pt "Trebuchet MS"; }
	form td.error div { padding: 1px 0 0 6px; }
form td.h33 { height: 33px; }

div.inner form input { font: normal 8pt Tahoma; }
	div.inner form input.micro { width: 20px; }
	div.inner form input.micro1 { width: 30px; }
	div.inner form input.micro2 { width: 40px; }
	div.inner form input.small { width: 80px; }
div.inner form select { font: normal 8pt Tahoma; }
	div.inner form select.micro { width: 40px; }

table.hform { background: #313131; width: 100%; }
	table.hform td { padding: 9px 1px; }
	table.hform td.text { color: #b2b2b2; font: bold 9pt Arial; padding: 9px 6px 9px 21px; }
	table.hform td.field { color: #b2b2b2; font: bold 9pt Arial; padding: 9px 6px 9px 21px; }
	table.hform td.input .compact { border: 1px solid #aeaeae; background: #3a3a3a; color: #fff; padding: 2px; font: normal 9pt Arial; }
	table.hform td.submit { text-align: left; }
	table.hform td.submit input { font: normal 9pt Arial; }
	table.hform td.btns { padding: 9px 1px 9px 21px; }
		table.hform td.btns a { margin-right: 20px; }
div.hgroup { padding: 5px 10px; margin: 5px 10px; border: 1px solid #b2b2b2; }
table.bform { background: #0a0b0d; }

table.statistics { table-layout: fixed; width: 100%; }
	table.statistics th { color: #b2b2b2; padding: 5px 2px; font: bold 10pt Arial; text-align: center; border-bottom: 1px solid #b2b2b2; }
		table.statistics th.sub { font-weight: normal; }
		table.statistics th.for { text-align: left; }
		table.statistics th.left { text-align: left; }
		table.statistics th a { color: #b2b2b2; font-weight: normal; }
		table.statistics th .filter { margin-top: 2px; white-space: nowrap; }
			table.statistics th .filter input { font: 8pt Arial; }
	table.statistics td { padding: 5px 2px; font: normal 8pt Arial; text-align: center; }
		table.statistics td.nodata { color: #807970; padding: 10px; font: normal 11pt Arial; border-bottom: 1px solid #b2b2b2; }
		table.statistics td.for { text-align: left; }
		table.statistics td.left { text-align: left; }
		table.statistics td.total { text-align: left; font: bold 9pt Tahoma, Arial; }
		table.statistics td a { color: #fff600; border-color: #fff600; }
			table.statistics td a:hover { color: #0eff69; border-color: #0eff69; }
		table.statistics tr.bg0 td {  }
		table.statistics tr.bg1 td { background: #313131; }
		table.statistics tr.sum td { border-bottom: 1px solid #b2b2b2; }

table.tickets { table-layout: fixed; margin-right: 20px; }
	table.tickets th { color: #b2b2b2; padding: 5px 2px; font: normal 10pt Arial; text-align: left; border-bottom: 1px solid #b2b2b2; }
		table.tickets th.sub { font-weight: normal; }
		table.tickets th a { color: #333; font-weight: normal; }
	table.tickets td { padding: 5px 2px; font: normal 9pt Arial; }
		table.tickets td.nodata { color: #807970; padding: 10px; font: normal 11pt Arial; background: none; }
		table.tickets td.ticketDate { white-space: nowrap; }
		table.tickets div.ticketUser { margin: 2px; }
			table.tickets div.ticketUser a { color: 2px; color: #0e8db7; font: normal 8pt Arial; }
		table.tickets form { margin: 2px; }
	table.tickets table.msgs { table-layout: fixed; width: 530px; margin: 5px 10px 5px 50px; }
		table.tickets table.msgs td.msgDate { text-align: right; padding-right: 15px; }
		table.tickets table.msgs td.msg .body { padding: 5px 0 10px; }
		table.tickets table.msgs tr.replier { background: #313131; }
			table.tickets table.msgs tr.replier .whose { color: #fff600; }
			table.tickets table.msgs tr.mymsg .whose { color: #fff; }
	table.tickets tr.bg1 td { background: #313131; }

span.toggleArr  { padding: 3px 7px; background: url(/img/icons/barr.gif) 0 7px no-repeat; }
span.toggleArr1 { padding: 3px 7px; background: url(/img/icons/barr.gif) 0 -9px no-repeat; }
span.toggleArrEmpty { padding: 5px; }

img.toggleArr  { margin: 4px 3px 0 0; width: 10px; height: 10px; background: url(/img/icons/plusminus.gif) 0 0 no-repeat; }
img.toggleArr1 { margin: 4px 3px 0 0; width: 10px; height: 10px; background: url(/img/icons/plusminus.gif) 0 -10px no-repeat; }

td.newticket { width: 286px; background: #313131; }
	td.newticket div.head { padding: 10px 21px; font: bold 10pt "Trebuchet MS"; }
	td.newticket div.form { padding: 17px 21px 14px; }
		td.newticket div.form form div.pad { margin-bottom: 10px; }
		td.newticket div.form form div.input .std { font: normal 8pt Tahoma; width: 244px; }
		td.newticket div.form form div.input .inactive { color: #7a7a7a; }

.pager { border-top: 1px solid #eee; font: normal 11pt Georgia, Serif; }
	.pager a { display: block; float: left; margin: 5px; padding: 1px 5px 3px; line-height: 18px; font: 10pt Arial; border: 1px solid #eee; text-decoration: none; color: #242627; cursor: pointer; }
		.pager a:hover { background: #eee; }
	.pager div { float: left; margin: 5px; padding: 1px 5px 3px; }
	.pager span { display: block; float: left; margin: 5px; padding: 1px 5px 3px; line-height: 18px; font: 10pt Arial; border: 1px solid #eee; color: #9a9a9a; background: #eee; }

.fixed { table-layout: fixed; }
.w100pe { width: 100%; }
.w485px { width: 485px; }
.w80pe { width: 80%; }
.padl-10, table td.padl-10 { padding-left: 10px; }
.padl-20, table td.padl-20 { padding-left: 20px; }

.icq { padding: 2px 0 4px 18px; }

.greybord { border: 1px solid #838383; }
.black { color: #000; }
.red { color: #f00; }
.bigblack { color: #000; font-size: 11pt; }
.redsmall { color: #f00; font-size: 9pt; }
.font-small { font-size: 9pt; }

.pthumb { width: 30px; height: 40px; }

.approveActive img { background: url(/img/icons/approve.png) 0 0 no-repeat; }
.approveDisable img { background: url(/img/icons/approve.png) 0 -16px no-repeat; }
.banActive img { background: url(/img/icons/ban.png) 0 0 no-repeat; }
.banDisable img { background: url(/img/icons/ban.png) 0 -16px no-repeat; }
.sendTicket img { background: url(/img/icons/ticket.png) 0 1px no-repeat; }
.manualPayment img { background: url(/img/icons/case.png) 0 0 no-repeat; }
.paymentStatusOk img { background: transparent url(/img/icons/lock.png) 0 -16px no-repeat; cursor: pointer; }
.paymentStatusBlock img { background: transparent url(/img/icons/lock.png) 0 0 no-repeat; cursor: pointer; }
.comment img { background: transparent url(/img/icons/comment.png) 0 0 no-repeat; cursor: pointer; }

.closeTicket img { width: 16px; height: 16px; background: url(/img/icons/close_ticket.gif) 0 0 no-repeat; }

#ajaxLoading_panel { text-align: center; margin-top: -50px; margin-left: -150px; width: 300px; background: #0a0b0d; }
#ajaxLoading_content { border: 1px solid #313131; vertical-align: middle; }
#ajaxLoading_header { white-space: nowrap; padding: 0 5px; color: #fff; font: bold 9pt Arial; line-height: 1.9; }
#ajaxLoading_body { background: #0a0b0d; }
#ajaxLoading_loader { width: 220px; height: 19px; background: url(/img/ajax-loader.gif); }
