/* reset.css */
@import url(reset.css);
/* forms.css */
/*
    Document   : forms
    Created on : 10-May-2010, 22:01:10
    Author     : -
    Description:
        Blueprint CSS forms.css
*/
label {font-weight:bold;color:#999;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:70px;padding:5px;margin:0;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.notice {padding:.8em;margin:0 10px 10px;border:2px solid #ddd;}
.notice p {margin: 0;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.notice.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.notice a {color:#514721;}
.notice.error a {color:#8a1f11;}
.notice.success a {color:#264409;}
/* custom */
form .row           {   padding: 10px; overflow: auto; position: relative;    }
form .row.button    {   padding: 10px 10px 10px 25%;   }
form .row.file      {   overflow: visible; min-height: 30px;  }

form .row label     {   width: 25%; float: left;    }

form .row input,
form .row select    {   margin: 0; float: left; width: 70%;     }

form .row div.error         {   display: none; left: 22%; position: absolute; top: 10px;  }
form .row div.error.active  {   display: block; width: 20px; height: 20px; padding: 0; margin: 0; border: none; }

form .row div.error label.error         {   float: none; width: 20px; height: 20px; display: block; padding: 0; margin: 0; border: none; background-image: url(../images/forms/error.png); background-repeat: no-repeat; background-position: 2px; text-indent: -9999em;  }
form .row div.error label.error.valid   {   background-image: url(../images/forms/valid.png);   }

form .row input.error       {   padding: 1px 0; }
form .row input.title.error {   padding: 5px;   }
form .row input[type=checkbox].error,
form .row input[type=radio].error,
form .row select.error      {   padding: 0;   }

form .row input.error,
form .row select.error,
form .row textarea.error        {   background: #d12f19 url(../images/trans_bg.png) repeat; color: #fff; border: 1px solid #d12f19; margin: 0;   }
form .row select.error option   {   background: #d12f19 url(../images/trans_bg.png) repeat;    }


form .row .pw-upload.files                  {   padding: 10px 0 10px 25%; display: none; overflow: visible; z-index: 12; position: relative;   }
form .row .pw-upload.files:after            {   content: "."; display: block; height: 0; clear: both; visibility: hidden;      }
form .row .pw-upload.files.active           {   display: block; }
form .row .pw-upload.files .uploaded        {   float: left; width: auto; min-width: 250px; min-height: 60px; padding: 10px; background: url(../images/trans_bg.png) repeat; position: relative; overflow: hidden;  }
form .row .pw-upload.files .uploaded img    {   max-width: 820px;   }

form .row .pw-upload.files .uploaded p      {   display: none; background: url(../images/trans_bg.png) repeat; color: #eee; padding: 10px; position: absolute; top: 20px; right: 20px;  }
form .row .pw-upload.files .uploaded p span {   display: block; height: 20px; line-height: 20px;    }

form .row .pw-upload.files .uploaded p span a   {   float: right; margin: 2px 0 2px 5px;   }

form .row .pw-upload.files .uploaded.hover_on p,
form .row .pw-upload.files .uploaded:hover p    {   display: block; }


form .row .pw-browse.button     {   margin: 0 0 0 10px; }

.dialog.pw-browse .dir.links        {   margin: 0 0 10px;   }
.dialog.pw-browse .dir.files        {}

.dialog.pw-browse .dir.links h2     {   width: 20%; cursor: pointer; color: #e5e5e5; }

.dialog.pw-browse .uploaded         {   float: left; width: auto; min-width: 250px; min-height: 60px; max-height: 300px; padding: 10px; margin: 0 5px 5px 0; background: url(../images/trans_bg.png) repeat; position: relative; overflow: hidden; border: 1px solid #1a1a1a;   }
.dialog.pw-browse .uploaded img     {   max-width: 600px; cursor: pointer;   }
.dialog.pw-browse .uploaded p       {   background: url(../images/trans_black.png) repeat; color: #eee; padding: 10px; position: absolute; top: 20px; right: 20px;  }
.dialog.pw-browse .uploaded p span  {   display: block; height: 20px; line-height: 20px;    }

.dialog.pw-browse .uploaded p span a    {   float: right; margin: 2px 0 2px 5px;   }

.dialog.pw-browse .uploaded.hover_on p,
.dialog.pw-browse .uploaded:hover p     {   display: block; }

/* buttons */
a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */

  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
a.button    {   margin: 0;  }
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}
/* Standard */
button:hover, a.button:hover, a.button.hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
button:active, a.button:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover, a.button.positive.hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
button.positive:active, a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}
/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover, a.button.negative.hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
button.negative:active, a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* autocomplete */

.ac_results         {   border: 1px solid #333; border-top: none; background: url(../images/trans_bg.png) repeat; }

.ac_results ul      {   list-style: none; margin: 0; padding: 1px 0;   }
.ac_results ul li   {   float: left; height: 30px; line-height: 30px; margin: 1px 2px; padding: 0 10px;   }

.ac_results strong      {   color: #6299c5;    }

.ac_results .ac_even    {}
.ac_results .ac_odd     {}
.ac_results .ac_over    {   background-color: #1a1a1a;  }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.markItUp           {   float: left; width: 75%; margin: 0;    }
.markItUp *         {   margin:0px; padding:0px; outline:none;   }
.markItUp a:link,
.markItUp a:visited {   color:#000; text-decoration:none;   }

.markItUpContainer      {	font-size: 11px; overflow: visible; }
.markItUpEditor         {   z-index: 20; width: 99.5% !important; clear:both; display:block; line-height:18px; overflow:auto;    }
.markItUpPreviewFrame   {   width: 99.9%; height: 300px; padding: 0; margin: 5px 0; overflow: hidden; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px dashed #999; }
.markItUpHeader         {   overflow: visible; background-color: #fff;  }
.markItUpFooter         {   width:100%; height: 5px; line-height: 5px; clear: both;   }
.markItUpResizeHandle   {	overflow:hidden; width: 120px; height: 1px; margin-left:auto; margin-right:auto; background-color:#d9d9d9; cursor:n-resize;   }
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader > ul        {   z-index: 29; overflow: auto;    }
.markItUpHeader > ul > li   {   width: 19px; height: 22px;    }

.markItUpHeader ul li       {   z-index: 30; list-style:none; float:left;   }

.markItUpHeader ul li:hover > ul        {   display: block;  }

.markItUpHeader ul .markItUpDropMenu    {   z-index: 31; background:transparent url(../images/editor/menu.png) no-repeat 115% 50%; margin-right: 5px;   }

.markItUpHeader ul .markItUpDropMenu > ul       {   width: 90px; padding: 5px; background-color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 35; position: relative; overflow: auto; display: none;     }
.markItUpHeader ul .markItUpDropMenu > ul > li  {   z-index: 36; width: 90px; padding: 0; margin-right: 0px;    }

.markItUpHeader ul .markItUpDropMenu > ul > li a:link,
.markItUpHeader ul .markItUpDropMenu > ul > li a:visited,
.markItUpHeader ul .markItUpDropMenu > ul > li a:active     {   background-color: #f2f2f2; }
.markItUpHeader ul .markItUpDropMenu > ul > li a:hover      {   background-color: #fff; }
/* next rows of buttons */
.markItUpHeader ul .markItUpSeparator {
	margin:0 5px;
	width:1px;
	height:22px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator    {   width: auto; height: 1px; margin: 0px;   }
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
    background-position: 3px 3px;
	padding:3px 0 3px 3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:60px;
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#000;
}
/* grid.css */
/*
    Document   : grid
    Created on : 10-May-2010, 22:36:26
    Author     : -
    Description:
        Blueprint CSS grid.css
*/
.container {width:854px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:26px;}
.span-2 {width:62px;}
.span-3 {width:98px;}
.span-4 {width:134px;}
.span-5 {width:170px;}
.span-6 {width:206px;}
.span-7 {width:242px;}
.span-8 {width:278px;}
.span-9 {width:314px;}
.span-10 {width:350px;}
.span-11 {width:386px;}
.span-12 {width:422px;}
.span-13 {width:458px;}
.span-14 {width:494px;}
.span-15 {width:530px;}
.span-16 {width:566px;}
.span-17 {width:602px;}
.span-18 {width:638px;}
.span-19 {width:674px;}
.span-20 {width:710px;}
.span-21 {width:746px;}
.span-22 {width:782px;}
.span-23 {width:818px;}
.span-24, div.span-24 {width:854px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:26px!important;}
input.span-2, textarea.span-2, select.span-2 {width:42px!important;}
input.span-3, textarea.span-3, select.span-3 {width:78px!important;}
input.span-4, textarea.span-4, select.span-4 {width:114px!important;}
input.span-5, textarea.span-5, select.span-5 {width:150px!important;}
input.span-6, textarea.span-6, select.span-6 {width:186px!important;}
input.span-7, textarea.span-7, select.span-7 {width:222px!important;}
input.span-8, textarea.span-8, select.span-8 {width:258px!important;}
input.span-9, textarea.span-9, select.span-9 {width:294px!important;}
input.span-10, textarea.span-10, select.span-10 {width:330px!important;}
input.span-11, textarea.span-11, select.span-11 {width:366px!important;}
input.span-12, textarea.span-12, select.span-12 {width:402px!important;}
input.span-13, textarea.span-13, select.span-13 {width:438px!important;}
input.span-14, textarea.span-14, select.span-14 {width:474px!important;}
input.span-15, textarea.span-15, select.span-15 {width:510px!important;}
input.span-16, textarea.span-16, select.span-16 {width:546px!important;}
input.span-17, textarea.span-17, select.span-17 {width:582px!important;}
input.span-18, textarea.span-18, select.span-18 {width:618px!important;}
input.span-19, textarea.span-19, select.span-19 {width:654px!important;}
input.span-20, textarea.span-20, select.span-20 {width:690px!important;}
input.span-21, textarea.span-21, select.span-21 {width:726px!important;}
input.span-22, textarea.span-22, select.span-22 {width:762px!important;}
input.span-23, textarea.span-23, select.span-23 {width:798px!important;}
input.span-24, textarea.span-24, select.span-24 {width:844px!important;}
.append-1 {padding-right:36px;}
.append-2 {padding-right:72px;}
.append-3 {padding-right:108px;}
.append-4 {padding-right:144px;}
.append-5 {padding-right:180px;}
.append-6 {padding-right:216px;}
.append-7 {padding-right:252px;}
.append-8 {padding-right:288px;}
.append-9 {padding-right:324px;}
.append-10 {padding-right:360px;}
.append-11 {padding-right:396px;}
.append-12 {padding-right:432px;}
.append-13 {padding-right:468px;}
.append-14 {padding-right:504px;}
.append-15 {padding-right:540px;}
.append-16 {padding-right:576px;}
.append-17 {padding-right:612px;}
.append-18 {padding-right:648px;}
.append-19 {padding-right:684px;}
.append-20 {padding-right:720px;}
.append-21 {padding-right:756px;}
.append-22 {padding-right:792px;}
.append-23 {padding-right:828px;}
.prepend-1 {padding-left:36px;}
.prepend-2 {padding-left:72px;}
.prepend-3 {padding-left:108px;}
.prepend-4 {padding-left:144px;}
.prepend-5 {padding-left:180px;}
.prepend-6 {padding-left:216px;}
.prepend-7 {padding-left:252px;}
.prepend-8 {padding-left:288px;}
.prepend-9 {padding-left:324px;}
.prepend-10 {padding-left:360px;}
.prepend-11 {padding-left:396px;}
.prepend-12 {padding-left:432px;}
.prepend-13 {padding-left:468px;}
.prepend-14 {padding-left:504px;}
.prepend-15 {padding-left:540px;}
.prepend-16 {padding-left:576px;}
.prepend-17 {padding-left:612px;}
.prepend-18 {padding-left:648px;}
.prepend-19 {padding-left:684px;}
.prepend-20 {padding-left:720px;}
.prepend-21 {padding-left:756px;}
.prepend-22 {padding-left:792px;}
.prepend-23 {padding-left:828px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:20px;margin-right:22px;}
.pull-1 {margin-left:-36px;}
.pull-2 {margin-left:-72px;}
.pull-3 {margin-left:-108px;}
.pull-4 {margin-left:-144px;}
.pull-5 {margin-left:-180px;}
.pull-6 {margin-left:-216px;}
.pull-7 {margin-left:-252px;}
.pull-8 {margin-left:-288px;}
.pull-9 {margin-left:-324px;}
.pull-10 {margin-left:-360px;}
.pull-11 {margin-left:-396px;}
.pull-12 {margin-left:-432px;}
.pull-13 {margin-left:-468px;}
.pull-14 {margin-left:-504px;}
.pull-15 {margin-left:-540px;}
.pull-16 {margin-left:-576px;}
.pull-17 {margin-left:-612px;}
.pull-18 {margin-left:-648px;}
.pull-19 {margin-left:-684px;}
.pull-20 {margin-left:-720px;}
.pull-21 {margin-left:-756px;}
.pull-22 {margin-left:-792px;}
.pull-23 {margin-left:-828px;}
.pull-24 {margin-left:-864px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -36px 1.5em 36px;}
.push-2 {margin:0 -72px 1.5em 72px;}
.push-3 {margin:0 -108px 1.5em 108px;}
.push-4 {margin:0 -144px 1.5em 144px;}
.push-5 {margin:0 -180px 1.5em 180px;}
.push-6 {margin:0 -216px 1.5em 216px;}
.push-7 {margin:0 -252px 1.5em 252px;}
.push-8 {margin:0 -288px 1.5em 288px;}
.push-9 {margin:0 -324px 1.5em 324px;}
.push-10 {margin:0 -360px 1.5em 360px;}
.push-11 {margin:0 -396px 1.5em 396px;}
.push-12 {margin:0 -432px 1.5em 432px;}
.push-13 {margin:0 -468px 1.5em 468px;}
.push-14 {margin:0 -504px 1.5em 504px;}
.push-15 {margin:0 -540px 1.5em 540px;}
.push-16 {margin:0 -576px 1.5em 576px;}
.push-17 {margin:0 -612px 1.5em 612px;}
.push-18 {margin:0 -648px 1.5em 648px;}
.push-19 {margin:0 -684px 1.5em 684px;}
.push-20 {margin:0 -720px 1.5em 720px;}
.push-21 {margin:0 -756px 1.5em 756px;}
.push-22 {margin:0 -792px 1.5em 792px;}
.push-23 {margin:0 -828px 1.5em 828px;}
.push-24 {margin:0 -864px 1.5em 864px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* typography.css */
/*
    Document   : typography
    Created on : 10-May-2010, 22:35:14
    Author     : -
    Description:
        Blueprint CSS typography.css
*/
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;}
a {color:#ccc;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em Arial, san-serif;line-height:16px;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
a.light {color:#999;}
a.light:hover {color:#fff;}
a.white {color:#fff;}
a.white:hover {color:#999;}
a.dark {color:#666;}
a.dark:hover {color:#333;}
.tags a {color:#999;}
.tags a:hover {color:#333;}
/* tags */
body            {   color: #fff; background-color: #393a39; background-image: url(../images/background/bg_spacer.jpg); background-repeat: repeat-x; background-position: 0 0;  }
hr              {   margin: 0 0 20px; color: #f1f1f1; background-color: #f1f1f1;   }
h1              {}
h2              {   font-size: 16px; padding: 0 5px; line-height: 30px;    }
h3              {   font-size: 16px;    }
h1,h2,h3,
h4,h5,h6,
ul,ol,li        {}
/** classes **/
#wrapper .hover_off     {}
#wrapper .hover_on      {}

.hidden         {   display: none;  }
.float-left     {	float: left;	}
.float-right    {	float: right;	}
.float-parent   {   overflow: auto; }
.float-clear    {   clear: both;    }
.float-clear-left   {   clear: left;    }
.float-clear-right  {   clear: right;   }

.trans          {   background-repeat: repeat; background-position: 0 0;    }
.trans.med      {   background-image: url(../images/trans-med.png); }
.trans.dark     {   background-image: url(../images/trans-dark.png);    }
.trans.black    {   background-image: url(../images/trans-black.png);   }

.icon-parent        {}
.icon-parent .icon  {   float: left; margin: 6px 5px 5px;    }
.icon-parent .text  {   float: left;    }

li.icon-parent .icon    {   margin: 7px;    }

a.button span.icon,
button span.icon    {   float: left; margin: 0 5px 0 0;    }

ul.tabular      {   height: 30px; line-height: 30px; list-style: none; padding: 0; margin: 0;    }
ul.tabular.info {   font-size: 11px; font-weight: bold; color: #999;    }

ul.tabular li   {   float: left; height: 30px;  }
ul.tabular li a {   display: block; padding: 0;    }

ul.tabular li.actions   {   width: 10%; float: right; text-align: right;   }
ul.tabular li.actions a {   float: right; padding: 0; margin: 7px 3px;   }

h2.title            {   color: #333; background-color: #e5e5e5; font-size: 16px; font-weight: bold; padding: 0 10px;   }

div.display         {   padding: 0 0 10px; color: #595959;  }

div.latest          {}
div.latest h2       {   color: #fff; font-size: 16px; font-weight: bold; padding: 0;    }
div.latest h2 .icon {   display: none;  }

div.manage,
div.create,
div.modify          {}

div.control ul.hover_on,
div.manage ul.hover_on      {   background: url(../images/trans_bg.png) repeat; }

div.panel.surround          {   padding: 0 10px;    }
div.panel.surround .header  {   height: 30px; line-height: 30px; background-image: none;    }
div.panel.surround .content {}

div.panel.surround .header h2   {   margin: 0;  }
div.panel.surround .content h2  {}
div.panel.surround .content p   {}


div.header h1.header.err    {   height: 80px; text-indent: -999em; margin: 0 140px 0 0; background: url(../images/background/lost.png) no-repeat top right; }

div.trace       {}

div.trace ol    {}
div.trace ol li {}

div.trace ol li code,
div.trace ol li code > span {   display: block; }
div.trace ol li span > span {   display: inline; word-wrap: break-word;    }

/** layout **/

#outer          {   min-height: 600px; background: url(../images/background/bg.jpg) no-repeat top center;   }
#wrapper        {}
/**/
#header         {   height: 140px;  }
/**/
#menu           {}
/**/
#content-main   {}
#content-left   {}
#content-right  {}
/**/
#footer         {   margin-left: auto; margin-right: auto; float: none; background: url(../images/background/pw.png) no-repeat top right;   }
/**/
div.paypal.donate   {   text-align: center; }
div.paypal.donate input {   margin: 0 auto; }

/*
/* WRAPPER
/**/

div.wrapper     {   background: url(../images/trans_bg.png) repeat 0 0; }

/*
/* HEADER
/**/

div.header      {   background: url(../images/background/header.png) no-repeat 0 0;  }


/*
/* CONTENT MAIN
/**/

div.content.main        {   padding: 0 0 10px;  }

div.content.left,
div.content.right       {}

div.content > div.panel {   padding: 0 0 0 10px; position: relative;    }

#content-right > div.panel  {   padding: 0; }

#content-left > div.feature.panel   {   height: 175px; padding: 0; margin: 0 0 0 10px; position: relative;  }
#content-left > div.feature.panel .icon-load    {   margin: 0 auto;  }

#content-left > div.feature.panel > div.feature.panel   {   display: none; position: absolute; top: 0; right: 0; height: 165px;  }

#content-left > div.feature.panel > div.feature.panel.first {   display: block; }

div.about.display,
div.users.register,
div.users.password,
div.users.login,
div.users.logout        {   background-color: #f8f8f8;  }

div.about div.page  {   padding: 0 10px;    }
div.page a  {   color: #999;    }
div.page a:hover    {   color: #595959; }

/*
/* MENU
/**/

div.menu                {   margin: 0 0 10px; padding: 0; background: url(../images/background/menu.jpg) repeat-x 0 0;  }

ul.menu                 {   padding: 0;    }

ul.menu > li            {}

ul.menu > li.sep        {   width: 2px; margin: 0; background: url(../images/background/menu_separator.png) no-repeat 0 0; }
ul.menu > li.float-right    {   float: right;   }
ul.menu > li span.icon      {   float: left; margin: 7px 5px 7px 0;    }

ul.menu > li a:link,
ul.menu > li a:active,
ul.menu > li a:visited  {   display: block; padding: 0 20px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;    }

ul.menu > li.active a,
ul.menu > li a:hover    {   color: #df7900; background: url(../images/background/menu_overlay.jpg) repeat-x 0 0;    }


/*
/* FOOTER
/**/

div.footer                  {   background-color: transparent; position: relative;  }

div.footer div.inner        {   padding: 5px 0;  }

div.footer div.links        {}
div.footer div.copyright    {   padding: 0 80px 0 10px; line-height: 30px; color: #999;    }

div.footer ul.links         {}
div.footer ul.links li      {}

div.footer ul.links li a        {   padding: 0 10px;    }
div.footer ul.links li a:hover  {}

div.footer div.pixaweb      {   position: absolute; top: 0; right: 0; width: 60px; height: 50px;    }
div.footer div.pixaweb a    {   display: block; width: 60px; height: 50px; text-indent: -999em;    }

div.footer div.site.data    {   display: none;  }


/*
/* NEWS
/**/

div.news.display        {   background: #f8f8f8;   }

div.news.display > h2   {}

div.news.panel          {   padding: 0; }

div.news.panel .header  {}
div.news.panel .content {   padding: 0 10px 10px; width: 572px;    }

div.news.panel .header h2       {   position: relative; color: #333; padding: 0 10px; font-weight: bold; }
div.news.panel .header h2 span              {   font-size: 12px; position: relative; top: 1px; font-weight: normal;    }
div.news.panel .header h2 span span[title]  {   top: 0; }
div.news.panel .header h2 span.avatar       {   margin: 0 1px 0 5px;  }

div.news.panel span.category        {   color: #fff; background-color: #e6e6e6; padding: 0 10px; font-weight: bold; text-transform: uppercase;  }
div.news.panel span.category a      {   color: #fff;    }
div.news.panel span.category a:hover{   color: #ccc;    }

div.news.panel .content div.image       {   width: 120px; padding: 10px; height: 100px; background: #e5e5e5;   }
div.news.panel .content div.image img   {}

div.news.panel .content div.summary     {   width: 410px; padding: 10px; background: url(../images/dashed_line.png) repeat-x 0 0;    }

div.news.panel .content div.image    {   width: 140px; height: 110px; padding: 0; position: relative; background-color: #eee;   }
div.news.panel .content div.details  {   width: 140px; height: 165px; text-align: left;   }

div.news.panel .content div.image img        {  width: 120px; height: 90px; margin: 10px;   }
div.news.panel .content div.image .overlay   {   position: absolute; bottom: 0; left: 0; padding: 15px 10px 0; width: 410px; height: 52px; background: url(../images/trans_black.png) repeat; overflow: hidden; color: #fff;   }

div.news.panel .content div.image .overlay h2    {   color: #fff; margin: 0; font-weight: bold; line-height: 20px;  }
div.news.panel .content div.image .overlay p     {   color: #fff; margin: 0; padding: 0 5px; line-height: 20px;  }

div.news.panel .content div.details div.author   {   height: 70px; background-color: #1a1a1a;   }
div.news.panel .content div.details div.comments {   height: 60px; padding: 35px 0 0; color: #fff; overflow: hidden; position: relative;  }

div.news.panel .content div.details div.author p         {   padding: 5px 10px; margin: 0; color: #eee;   }
div.news.panel .content div.details div.author img       {   float: right; width: 50px; height: 50px; margin: 10px;  }

div.news.panel .content div.comments h3      {   font-size: 64px; line-height: 50px; font-weight: bold; padding: 0; margin: 0 10px; color: #fff; position: relative;    }
div.news.panel .content div.comments h3 span {   font-size: 14px; font-weight: normal; line-height: 18px;  }

div.news.panel .content div.details div.comments p       {   color: #fff; margin: 0;    }

div.news.panel .content div.details div.comments .overlay    {   position: absolute; top: 0; left: 0; width: 172px; padding: 5px 10px; background: url(../images/trans_white.png) repeat;   }


div.news.item.panel         {   padding: 0 0 10px;  }

div.news.item.panel .header     {   background-color: #e5e5e5;  }
div.news.item.panel .content    {   padding: 0 10px 0 0; width: 582px;    }

div.news.item.panel .header h2  {   font-weight: bold;  }

div.news.item.panel .content div.details    {   width: 160px; margin: 0 20px 0 0;   }
div.news.item.panel .content div.content    {   padding: 0; background: url(../images/dashed_line.png) repeat-x 0 42px; }

div.news.item.panel .content div.content > p{   padding: 0 10px 0 20px; }

div.news.item.panel .content div.content div.tags   {   width: 400px; height: 30px; padding: 12px 0 8px; line-height: 30px; position: relative; top: 1px;    }
div.news.item.panel .content div.content div.image  {   margin: 0 0 0 20px;  }


div.feature.panel           {   padding: 0; margin: 0; background-color: transparent;   }
div.feature.news.panel      {   margin: 0 0 10px;   }
div.feature.panel .content  {   height: 165px; padding: 0; width: 592px;  }

div.feature.panel .content div.image    {   width: 430px; height: 165px;    }
div.feature.panel .content div.details  {   width: 162px;   }

div.feature.panel .content div.image img    {   width: 430px; height: 165px; margin: 0;    }

div.feature.panel .content div.details div.author   {}
div.feature.panel .content div.details div.comments {}


div.news.latest             {}
div.news.latest > a         {   padding: 10px 5px; font-size: 15px; font-weight: bold; color: #fff;  }
div.news.latest > a:hover   {   color: #999;    }

div.news.latest.panel.surround      {   padding: 0 10px;    }
div.news.latest .panel.header h2    {   padding: 0; font-size: 16px; font-weight: bold; color: #fff; }
div.news.latest .panel.header h2 span   {   font-size: 16px; font-weight: bold;    }
div.news.latest .panel.content      {   padding: 0 0 10px; width: auto;  }

.latest ul.news         {   padding: 5px 0 0; margin: 0 10px 10px 0; background: url(../images/dashed_line_dark.png) repeat-x top left; }
.latest ul.news li      {   color: #fff;    }

.latest ul.news li.title        {   font-size: 14px;    }
.latest ul.news li.summary      {   color: #999;    }
.latest ul.news li.comments     {}

.latest ul.news li.comments .icon   {   float: left; margin: 2px 6px 2px 2px;   }


div.news.manage         {}

.manage ul.news         {   padding: 0 5px; margin: 0;  }
.manage ul.news li      {   padding: 0; }

.manage ul.news li.title    {   width: 35%; }
.manage ul.news li.date     {   width: 25%; text-align: center; }
.manage ul.news li.author   {   width: 20%; }
.manage ul.news li.feature  {   width: 10%; text-align: center; }
.manage ul.news li.actions  {   width: 10%; }

.manage ul.news li.feature .icon    {   margin: 7px auto;   }


/* quotes */

div.quotes.display      {   background-color: #f8f8f8;  }
div.quotes.latest       {}

div.quotes.display > p  {   padding: 10px; margin: 0;   }

.display div.quotes,
.latest div.quotes      {   padding: 10px 0 0; margin: 0 10px 0 0; background: url(../images/dashed_line_dark.png) repeat-x 0 0;   }

.display div.quotes h3,
.latest div.quotes h3   {   font-size: 16px; color: #fff; font-weight: bold; margin: 0 0 5px;  }

.display div.quotes pre,
.latest div.quotes pre  {   color: #999; margin: 0 0 5px; font-size: 12px; line-height: 16px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */  }


.display div.quotes     {   padding: 10px 0 0; margin: 0 10px;   }
.display div.quotes h3  {   color: #333;    }
.display div.quotes pre {   color: #555;    }


div.quotes.manage       {}

.manage ul.quotes       {   padding: 0 5px; }
.manage ul.quotes li    {}

.manage ul.quotes li.quote      {   width: 70%; }
.manage ul.quotes li.user       {   width: 20%; }
.manage ul.quotes li.actions    {   width: 10%; }


/* categorys */

div.categorys.manage        {}

.manage ul.categorys        {   padding: 0 5px; }
.manage ul.categorys li     {}

.manage ul.categorys li.category    {   width: 60%; }
.manage ul.categorys li.colour      {   width: 20%; text-align: center; }
.manage ul.categorys li.actions     {   }


/* bans */

div.bans.manage         {}

.manage ul.bans         {   padding: 0 5px;    }
.manage ul.bans li      {}

.manage ul.bans li.ip       {   width: 20%; }
.manage ul.bans li.reason   {   width: 50%; }
.manage ul.bans li.date     {   width: 20%; text-align: center; }
.manage ul.bans li.actions  {}

/* comments */

div.comments.display    {}

div.comments.panel          {   padding: 0; margin: 0 10px 10px;   }
div.comments.panel .content {   padding: 0; background: url(../images/dashed_line.png) repeat-x bottom left;    }

div.comments.panel .content div.avatar  {   padding: 10px; background-color: #eee;   }
div.comments.panel .content div.comment {   width: 490px; min-height: 40px; padding: 0 0 30px 10px; position: relative;   }

div.comments.panel .content div.comment img.float-left  {   margin: 0 10px 5px 0;  }
div.comments.panel .content div.comment img.float-right {   margin: 0 0 5px 10px;   }

div.comments.panel .content p.author    {   color: #777; font-size: 0.9em; margin: 0; padding: 7px 2px 5px; position: absolute; bottom: 0; left: 8px;    }

div.comments.panel .content div.actions             {   padding: 5px;  }
div.comments.panel .content div.actions a           {   float: right; padding: 0 5px;   }
div.comments.panel .content div.actions a.delete    {   margin: 1px 0 0 15px; padding: 0;  }


div.comments.latest     {}

div.comments.latest.panel {   margin: 0;  }

div.comments.latest .content    {   background: none;   }

.latest ul.comments     {   list-style: none; margin: 0 10px 0 0; padding: 10px 0; background: url(../images/dashed_line_dark.png) repeat-x top left;  }
.latest ul.comments li  {}

.latest ul.comments li.comment  {}
.latest ul.comments li.date     {   color: #999;    }

.latest ul.comments li.comment span {   font-size: 11px; font-style: italic;    }


div.comments.create > h2     {   color: #333; background-color: #e5e5e5; }


div.comments.manage     {}

.manage ul.comments     {   padding: 0 5px; }
.manage ul.comments li  {}

.manage ul.comments li.avatar   {   float: left; margin-right: 10px;    }
.manage ul.comments li.user     {   width: 20%; }
.manage ul.comments li.date     {   width: 25%; text-align: center; }
.manage ul.comments li.comment  {   width: 35%; }
.manage ul.comments li.visible  {   width: 8%;  }
.manage ul.comments li.actions  {   width: 5%;  }

.manage ul.comments li.visible .icon    {   margin: 7px auto;    }

/* users/players/members */

.avatar         {   width: 110px; height: 100px; padding: 10px;  }
.avatar img     {   display: block; width: 100%; height: 100%; padding: 0; margin: 0;    }

.avatar.avatar-small        {   width: 50px; height: 50px; padding: 0; margin: 0;  }
.avatar.avatar-small img    {}

.avatar.avatar-tiny         {   float: right; width: 30px; height: 30px; padding: 0; margin: 0;   }
.avatar.avatar-tiny img     {}


div.ops.display     {   background-color: #f8f8f8; padding: 0;  }

div.ops.display .person.op  {   padding: 0 0 10px; background: url(../images/dashed_line.png) repeat-x bottom left; margin: 0 10px 10px;    }

div.ops.display .person.op div.avatar   {   background-color: #e5e5e5;  }
div.ops.display .person.op div.details  {   width: 190px; padding: 0 0 0 10px;    }
div.ops.display .person.op div.activity {   width: 240px;   }

div.ops.display .person.op h2           {   padding: 0; margin: 0;  }
div.ops.display .person.op p            {   padding: 0; margin: 0;  }

div.ops.display .person.op div.details p            {   font-size: 11px; color: #999; overflow: hidden;   }
div.ops.display .person.op div.details p span       {   padding: 0; font-size: 12px; color: #555;   }

div.users.user          {   padding: 10px; background: #FFF6BF; color: #514721; border: 1px solid #FFD324;   }

div.users.user .notice  {   margin: 0;  }

.user ul.users             {   padding: 0; height: 25px; line-height: 25px;   }

.user ul.users li          {   height: 25px; line-height: 25px;    }

.user ul.users li span.icon    {   float: right; margin: 5px 2px;   }
.user ul.users li a        {   display: inline;    }

.user ul.users li.title,
.user ul.users li.comment  {   width: 67%;    }
.user ul.users li.date     {   width: 33%; text-align: right; font-size: 11px;    }


div.profile.display     {   background-color: #f8f8f8;  }


div.users.manage        {}

.manage ul.users        {   padding: 0 5px; }
.manage ul.users li     {}

.manage ul.users li.username    {   width: 30%; overflow: hidden;   }
.manage ul.users li.status      {   width: 30%; }
.manage ul.users li.login       {   width: 30%; text-align: center; }

.manage ul.users li.status .form.row        {   padding: 5px 0; }
.manage ul.users li.status .form.row .icon  {   float: left; margin: 2px 5px;   }

div.users.display       {}


/* pages */

div.pages.display   {}

ul.pages            {   padding: 0 5px; }
ul.pages li         {}

ul.pages li.title   {   width: 50%; }
ul.pages li.url     {   width: 30%; }
ul.pages li.actions {}

div.page.panels             {}

div.page.panels div.panel   {}

div.page.panels div.panel.float-left    {   width: 500px;   }
div.page.panels div.panel.float-right   {   width: 340px;   }

div.web.chat.display        {   padding: 0; background-color: #f8f8f8;   }
div.web.chat.display > h2   {   margin: 0;  }

/** misc **/

/* */

.dialog         {}

.dialog.content {   display: none;  }


/* breadcrumbs */

div.breadcrumbs         {   padding: 0; margin: 0 0 10px; background: url(../images/trans_bg.png) repeat;   }

ul.breadcrumbs          {   padding: 0;    }
ul.breadcrumbs li       {   color: #fff; padding: 0 15px 0 20px; background: url(../images/breadcrumb.png) no-repeat 2px 8px;    }

ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited,
ul.breadcrumbs li a:active  {   display: inline; padding: 0; color: #999;    }
ul.breadcrumbs li a:hover   {   color: #fff;    }


/* pagination */

div.paginate            {   padding: 0; margin: 10px 0 0; background: url(../images/trans_bg.png) repeat;    }

ul.paginate             {}
ul.paginate li          {   width: 30px; text-align: center; margin: 0 5px 0 0;    }

ul.paginate li a:link,
ul.paginate li a:visited,
ul.paginate li a:active {   padding: 0; color: #fff;    }

ul.paginate li.active,
ul.paginate li.active a,
ul.paginate li a:hover  {   background: url(../images/trans_bg.png) repeat; }


/* cpanel */

div.panel div.control.panel   {   padding: 0;   }

ul.cpanel           {   padding: 0 5px; }
ul.cpanel li        {}

ul.cpanel li.section    {   width: 30%; }
ul.cpanel li.count      {   width: 10%; text-align: center; }
ul.cpanel li.link       {   width: 30%; text-align: center; }


/* site data */
#site_data      {   display: none;  }
#site_data a    {   font-size: 0;   }

/*
/* ICON SPRITE
/**/

.icon-load  {   width: 48px; height: 48px; display: block; margin: 0 auto; background: url(../images/loading.gif) repeat 0 0;   }

a.icon,
span.icon   {   width: 16px; height: 16px; display: block; margin: 0; padding: 0; background-image: url(../images/background/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999em;    }
.icon.icon-breadcrumb { background-position: 0 0;  }
.icon.icon-comment { background-position: 0 -17px;  }
.icon.icon-comments-create { background-position: 0 -34px;  }
.icon.icon-comments-delete { background-position: 0 -51px;  }
.icon.icon-comments-modify { background-position: 0 -68px;  }
.icon.icon-comments { background-position: 0 -85px;  }
.icon.icon-control-panel { background-position: 0 -102px;  }
.icon.icon-create { background-position: 0 -119px;  }
.icon.icon-delete { background-position: 0 -136px;  }
.icon.icon-disabled { background-position: 0 -153px;  }
.icon.icon-enabled { background-position: 0 -170px;  }
.icon.icon-error { background-position: 0 -187px;  }
.icon.icon-folder-up { background-position: 0 -204px;  }
.icon.icon-folder { background-position: 0 -221px;  }
.icon.icon-images-create { background-position: 0 -238px;  }
.icon.icon-images-delete { background-position: 0 -255px;  }
.icon.icon-images-modify { background-position: 0 -272px;  }
.icon.icon-images-upload { background-position: 0 -289px;  }
.icon.icon-images { background-position: 0 -306px;  }
.icon.icon-meet-the-ops { background-position: 0 -323px;  }
.icon.icon-modify { background-position: 0 -340px;  }
.icon.icon-news-create { background-position: 0 -357px;  }
.icon.icon-news-delete { background-position: 0 -374px;  }
.icon.icon-news-modify { background-position: 0 -391px;  }
.icon.icon-news { background-position: 0 -408px;  }
.icon.icon-oc { background-position: 0 -425px;  }
.icon.icon-offline { background-position: 0 -442px;  }
.icon.icon-online { background-position: 0 -459px;  }
.icon.icon-pages-create { background-position: 0 -476px;  }
.icon.icon-pages-delete { background-position: 0 -493px;  }
.icon.icon-pages-modify { background-position: 0 -510px;  }
.icon.icon-pages { background-position: 0 -527px;  }
.icon.icon-quotes { background-position: 0 -544px;  }
.icon.icon-rss { background-position: 0 -561px;  }
.icon.icon-search { background-position: 0 -578px;  }
.icon.icon-send-email { background-position: 0 -595px;  }
.icon.icon-settings { background-position: 0 -612px;  }
.icon.icon-sponsors-create { background-position: 0 -629px;  }
.icon.icon-sponsors-delete { background-position: 0 -646px;  }
.icon.icon-sponsors-modify { background-position: 0 -663px;  }
.icon.icon-sponsors { background-position: 0 -680px;  }
.icon.icon-users-create { background-position: 0 -697px;  }
.icon.icon-users-delete { background-position: 0 -714px;  }
.icon.icon-users-modify { background-position: 0 -731px;  }
.icon.icon-users-profile { background-position: 0 -748px;  }
.icon.icon-users { background-position: 0 -765px;  }


/* syntax highlight - google prettify */
pre .str,
pre .atv    {   color:#080; }
pre .kwd,
pre .tag    {   color:#008; }
pre .com    {   color:#800; }
pre .typ,
pre .atn,
pre .dec    {   color:#606; }
pre .lit    {   color:#066; }
pre .pun    {   color:#660; }
pre .pln    {   color:#000; }
pre.prettyprint{padding:2px;border:1px solid #888}
@media print{
    pre .str{color:#060}
    pre .kwd,pre .tag{color:#006;font-weight:bold}
    pre .com{color:#600;font-style:italic}
    pre .typ{font-weight:bold}
    pre .lit{color:#044}
    pre .pun{color:#440}
    pre .atn,pre .typ{color:#404}
    pre .atv{color:#060}
}


/*
/* DIALOG SHADOW
/**/

table#dialog-bg     {   border: none; border-collapse: collapse; position: relative;    }

.ui-widget-overlay  {   background: url(../images/trans_black.png) repeat 0 0; position: absolute; top: 0; left: 0;  }
.ui-widget-content  {   position: relative; }
.ui-widget-header   {}

.ui-widget-header .ui-dialog-title      {   display: none;  }
.ui-widget-header .ui-icon-closethick   {   display: block; height: 16px; width: 16px; text-indent: -999em; background: url(../images/background/icon_sprite.png) no-repeat 0 -136px;    }

table tr,
table td            {   padding: 0; margin: 0;  }

table td.corner     {   width: 50px; height: 50px; position: absolute; background-image: url(../images/background/box_sprite_corner.png); background-repeat: no-repeat; background-position: 0 0;  }
table td.vert       {   width: 25px; padding: 25px 0;    }
table td.horiz      {   height: 25px; padding: 0 25px;  }

table td.vert > div     {   width: 25px; height: 100%; background-image: url(../images/background/box_sprite_spacer_vert.png); background-repeat: repeat-y; background-position: 0 0;   }
table td.horiz > div    {   height: 25px; background-image: url(../images/background/box_sprite_spacer_hori.png); background-repeat: repeat-x; background-position: 0 0;    }

table .top,
table .middle,
table .bottom       {   position: relative; }

table .top #tl      {   top: 0; left: 0; background-position: 0 0;   }
table .top #tr      {   top: 0; right: 0; background-position: -50px 0;    }

table .middle #ml   {   background-position: 0 0;   }
table .middle #mr > div   {   background-position: -25px 0;   }

table .bottom #bl   {   bottom: 17px; left: 0; background-position: 0 -50px;   }
table .bottom #br   {   bottom: 17px; right: 0; background-position: -50px -50px;   }

table .top #tm > div    {   background-position: 0 0;   }

table .middle #mm       {   padding: 0 10px; background: url(../images/trans_bg.png) repeat 0 0; vertical-align: top;    }

table .bottom #bm > div {   background-position: 0 -25px;   }