/* ::::: file:///C:/Users/farxpeace/AppData/Roaming/Mozilla/Firefox/Profiles/ed54j4v4.default/ScrapBook/data/20110618064605/index.css ::::: */

@font-face {
	font-family: "UbuntuRegular";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url('ubuntu-r-webfont.woff') format("woff"), url('ubuntu-r-webfont.ttf') format("truetype"), url('ubuntu-r-webfont.svg') format("svg");
}
@font-face {
	font-family: "UbuntuItalic";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url('ubuntu-i-webfont.woff') format("woff"), url('ubuntu-i-webfont.ttf') format("truetype"), url('ubuntu-i-webfont.svg') format("svg");
}
@font-face {
	font-family: "UbuntuBold";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url('ubuntu-b-webfont.woff') format("woff"), url('ubuntu-b-webfont.ttf') format("truetype"), url('ubuntu-b-webfont.svg') format("svg");
}
@font-face {
	font-family: "UbuntuBoldItalic";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url('ubuntu-bi-webfont.woff') format("woff"), url('ubuntu-bi-webfont.ttf') format("truetype"), url('ubuntu-bi-webfont.svg') format("svg");
}
.ui-widget-content { border: 1px solid rgb(194, 194, 194); background: url(ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50% rgb(255, 255, 255); color: rgb(34, 34, 34); }
.ui-corner-all { border-radius: 4px 4px 4px 4px; }
.ui-autocomplete { position: absolute; cursor: pointer; width: 194px; }
.ui-menu { list-style: none outside none; padding: 2px; margin: 0pt; display: block; float: left; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0pt; padding: 0pt; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(34, 34, 34); line-height: 20px; width: 100%; }
body { background: url(bg-effect.png) repeat scroll 0% 0% rgb(255, 255, 255); width: 100%; }
a:focus { outline: medium none; }
a, a:visited, a:active { color: rgb(34, 34, 34); text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: medium none; }
p { color: rgb(102, 102, 102); }
table { border-collapse: collapse; }
h1 { color: rgb(102, 102, 102); font-size: 18px; margin-bottom: 10px; }
h2 { color: rgb(102, 102, 102); font-size: 16px; margin-bottom: 10px; }
div#container { padding: 0pt 40px; overflow: auto; }
header { height: auto; float: left; margin: 20px 0pt 10px; width: 100%; }
#meta-wrap { margin-bottom: 24px; width: 100%; }
ul#user-meta { height: 20px; float: right; margin: 0pt 0pt 4px; color: rgb(102, 102, 102); font-size: 10px; list-style-type: none; display: block; }
ul#user-meta li { display: inline; margin: 0pt 0px 0pt 6px; position: relative; }
ul#user-meta li a, ul#user-meta li a:visited, ul#user-meta li a:active { color: rgb(102, 102, 102); }
ul#user-meta li a.user-msg-baloon, ul#user-meta li a.user-msg-baloon:active, ul#user-meta li a.user-msg-baloon:visited { background: none repeat scroll 0% 0% rgb(239, 25, 25); color: rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; padding: 0pt 4px 1px; font-size: 10px; position: absolute; top: -12px; right: -5px; line-height: 12px; font-weight: bold; }
ul#user-meta li a.user-msg-baloon:hover { background: none repeat scroll 0% 0% rgb(51, 51, 51); text-decoration: none; }
ul#user-meta li img { margin: 0pt 4px 0pt 0pt; }
div#menu-bar { height: 50px; margin: 0px 0pt 10px; position: relative; border: 1px solid rgb(180, 180, 180); background: none repeat scroll 0% 0% rgb(238, 238, 238); z-index: 2; }
div.menu-bar-inner { height: 50px; background: url(bg-header.png) repeat-x scroll 0% 0% rgb(238, 238, 238); }
a#logo h1 { float: left; margin: 14px 0pt 0pt 10px; color: rgb(85, 85, 85); font-size: 24px; text-shadow: 0pt 1px 1px rgb(255, 255, 255); font-family: 'UbuntuBold',Arial,sans-serif; }
a#logo h1:hover { color: rgb(34, 34, 34); }
a#logo { text-decoration: none; }
ul#menu { width: auto; margin: 12px 0pt 0pt 60px; color: rgb(255, 255, 255); position: absolute; top: 0pt; right: 260px; }
ul#menu li { float: left; display: inline; position: relative; }
ul#menu li.sep { float: left; display: inline; background: url(menu-seperator.png) repeat-y scroll right top transparent; }
ul#menu li a, ul#menu li a:active, ul#menu li a:visited { float: left; display: block; padding: 4px 10px; margin: 0pt 6px 0pt 4px; color: rgb(85, 85, 85); text-decoration: none; }
ul#menu li a:hover { background: none repeat scroll 0% 0% rgb(80, 80, 80); color: rgb(255, 255, 255); text-decoration: none; border-radius: 2px 2px 2px 2px; }
ul#menu li ul.second { width: 140px; position: absolute; top: 38px; left: 4px; z-index: 100; margin: 0px 0pt 0pt; padding: 0px 0pt; display: none; overflow: hidden; }
ul#menu li ul.second li { width: 140px; float: left; display: inline; padding: 0pt; background: none repeat scroll 0% 0% rgb(80, 80, 80); }
ul#menu li ul.second li a { width: 128px; float: left; margin: 0pt; border: medium none; padding: 6px 0px 6px 12px; color: rgb(255, 255, 255); }
ul#menu li ul.second li a:hover { background: none repeat scroll 0% 0% rgb(51, 51, 51); color: rgb(255, 255, 255); }
div#content { width: 100%; float: left; }
div.box { background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); margin: 0pt 0pt 20px; position: relative ! important; }
div.box-header { height: 29px; padding: 10px; background: url(bg-header.png) repeat-x scroll 0% 0% rgb(238, 238, 238); border-top-left-radius: 5px; border-top-right-radius: 5px; }
div.box-header h2 { float: left; margin: 4px 0pt 0pt 0px; color: rgb(85, 85, 85); font-size: 18px; text-shadow: 0pt 1px 1px rgb(255, 255, 255); font-family: 'UbuntuBold',Arial,sans-serif; }
div.box-header-ctrls { width: 34px; height: 34px; float: right; position: relative; margin: -2px 0pt 0pt; }
span.spin { width: 16px; height: 16px; position: absolute; top: 8px; left: -24px; display: none; background: url(../image/spinner.gif) no-repeat scroll 0% 0% transparent; }
a.close { width: 34px; height: 34px; float: left; background: url(plus.png) no-repeat scroll 0pt 0px transparent; }
a.close:hover { background-position: 0pt -34px; }
div.box-content { padding: 10px; border-top: 1px solid rgb(180, 180, 180); }
div.box-content p { width: 100%; text-align: left; }
.corners { border-radius: 5px 5px 5px 5px; }
.shadow { box-shadow: 0px 0px 4px rgb(204, 204, 204); }
.piro_overlay { position: fixed; top: 0pt; left: 0pt; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgb(0, 0, 0); display: none; z-index: 99997; }
.caption { position: absolute; bottom: 0pt; left: 0pt; margin: 0pt; display: block; padding: 0px; cursor: text; background: none repeat scroll 0% 0% rgb(34, 34, 34); }
.piro_nav { position: absolute; bottom: 0pt; left: 50%; margin: 0pt; display: block; padding: 0pt; background: none repeat scroll 0% 0% transparent; }
a.piro_close { position: absolute; top: 20px; right: 20px; height: 35px; width: 35px; background: url(close_btn.png) no-repeat scroll 0% 0% transparent; cursor: pointer; z-index: 100006; }
a.piro_close:hover { background: url(close_btn_h.png) no-repeat scroll 0% 0% transparent; }
a.piro_next { position: absolute; top: 50%; width: 35px; height: 35px; right: 20px; text-indent: -999em; outline: medium none; display: block; margin: -18px 0pt 0pt; background: url(next.png) no-repeat scroll right center transparent; border: medium none; cursor: pointer; z-index: 1000000001; }
a.piro_next:hover { background: url(next_h.png) no-repeat scroll right center transparent; }
a.piro_prev { position: absolute; top: 50%; width: 35px; height: 35px; left: 20px; text-indent: -999em; outline: medium none; display: block; margin: -18px 0pt 0pt; background: url(prev.png) no-repeat scroll left center transparent; border: medium none; cursor: pointer; z-index: 1000000000; }
a.piro_prev:hover { background: url(prev_h.png) no-repeat scroll left center transparent; }
.pirobox_content { position: absolute; top: 50%; left: 50%; padding: 0pt; width: 800px; height: 600px; margin: -300px 0pt 0pt -400px; display: block; z-index: 99998; font-family: Trebuchet MS,Arial; }
.pirobox_content table, tbody, tr, th, td { margin: 0pt; padding: 0pt; border: medium none; }
.t_l { background: url(t_l.png) no-repeat scroll 0% 0% transparent; width: 20px; height: 20px; }
.t_r { background: url(t_r.png) no-repeat scroll 0% 0% transparent; width: 20px; height: 20px; }
.t_c { height: 20px; background: url(t_c.png) repeat-x scroll 0% 0% transparent; }
.c_l { width: 20px; background: url(c_l.png) repeat-y scroll 0% 0% transparent; }
.c_c { background: none repeat scroll 0% 0% black; margin: 0pt; padding: 0pt; }
.c_c div { width: 760px; height: 560px; margin: 0pt; padding: 0pt 0pt 0px; }
.c_r { width: 20px; background: url(c_r.png) repeat-y scroll 0% 0% transparent; }
.b_c { height: 20px; background: url(b_c.png) repeat-x scroll 0% 0% transparent; }
.b_l { background: url(b_l.png) no-repeat scroll 0% 0% transparent; width: 20px; height: 20px; }
.b_r { background: url(b_r.png) no-repeat scroll 0% 0% transparent; width: 20px; height: 20px; }
a.play { position: absolute; top: 20px ! important; left: 20px ! important; width: 40px; height: 40px; margin: 0pt; outline: medium none; display: block; background: url(play.png) no-repeat scroll 0% 0% transparent; text-indent: -999em; border: medium none; cursor: pointer; }
a.play:hover { background: url(play_h.png) no-repeat scroll 0% 0% transparent; }

