/* ==================================================*/
/* === © Sajtus AB, Sweden, info@sajtus.se, 2010- ===*/
/* ==================================================*/

/* ===== SajtTool - Specifika ===============================*/
.editor         {margin:0px;background:url(/sys_files/blank.gif);border:1px solid rgb(220,220,220);font:normal 10pt tahoma,arial;width:100%;border-spacing:0px;}
.EditBTN        {border:1px solid rgb(166,182,198);}

.sajteditor     {overflow:auto;z-index:2;width:705px;height:450px;}
.sajteditorlist {overflow:auto;z-index:2;width:594px;height:300px;background:white;} /*PopUp för listor*/
.editlistbody   {margin:0px;background:#96a6b6;font:normal 10pt tahoma,arial;}
.editbuttonsbg  {padding:1px;background:#a6b6c6;width:707px;border:1px solid rgb(81,104,127);}
.lstWebs option	{background:#C1DAA6;font:bold 9px verdana,arial;border:1px solid #B4BBBB;}

/*===========================================================*/
p		{font:normal 10pt tahoma,arial;color:#333;}
P		{font:normal 10pt tahoma,arial;color:#333;}
.small_grey	{font:normal 8pt tahoma,arial;color:#333;}
h4		{font:normal 12pt tahoma,arial;color:#333;}
h3		{font:normal 14pt tahoma,arial;color:#333;}
h2		{font:normal 16pt tahoma,arial;color:#333;}
h1		{margin-top:0px;padding-top:0px;font:normal 19pt tahoma,arial;color:#660000;}
.P		{font:normal 10pt tahoma,arial;color:#333;}
.h4		{font:normal 12pt tahoma,arial;color:#333;}
.h3		{font:normal 14pt tahoma,arial;color:#333;}
.h2		{font:normal 16pt tahoma,arial;color:#333;}
.h1		{margin-top:0px;padding-top:0px;font:normal 19pt tahoma,arial;color:#660000;}
span.P  {font:normal 10pt tahoma,arial;color:#333;}
span.h4 {font:normal 12pt tahoma,arial;color:#333;}
span.h3 {font:normal 14pt tahoma,arial;color:#333;}
span.h2 {font:normal 16pt tahoma,arial;color:#333;}
span.h1 {margin-top:0px;padding-top:0px;font:normal 19pt tahoma,arial;color:#660000;}
td		{font:normal 10pt tahoma,arial;color:#333;}

/*GENERELLA*/
.knapparlight   {position:absolute;top:0px;left:0px;z-index:100;background:url(/sys_files/bg_knappar.gif) repeat-x;width:100%;height:28px;}
.wrapper        {position:fixed;top:0px;left:0px;width:100%;height:100%;font:normal 6pt tahoma,arial;color:#CCC;}
.pagebody       {margin:27px 0px 0px 0px;font:normal 10pt tahoma,arial;color:#333;}
.pagehead		{z-index:1;background:url(../backgrounds/head.png);width:978px;height:169px;position:relative;padding:0px;margin:0px;text-align:left;}
.pagemain		{z-index:1;border:0px solid red;background:url(../backgrounds/main.png);width:978px;height: 100%;position:relative;padding:0px;margin:0px;text-align:left;}
.mainleft		{margin:0;padding:5px 0 20px 0;}
.pagefoot		{z-index:0;background:url(../backgrounds/bott.png);width:978px;height:100px;position:relative;padding:0px;margin:0px;text-align:left;}
.contentarea	{padding:0px 5px 0px 5px;width:700px;border:0px solid red;}
.oldbrows       {position:absolute;top:20px;left:200px;font:normal 9px "Trebuchet MS",arial;color:#333;}
/*.webbplatser	{z-index:3;position:absolute;top:45px;left:500px}*/
.webbar			{text-align:left;font:normal 8pt tahoma,arial;display:none;padding:4px;margin-left:1px;width:111px;background:#E2E0C7;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}
.translate		{z-index:2;position:absolute;margin:10px 0 0 0;top:5px;right:19px;}
.lastupdated	{position:absolute;margin:140px 0 0 0;right:19px;color:#000;font:normal 8pt tahoma,arial;}
.sokvag			{position:absolute;top:140px;left:50px;color:#000;font:bold 8pt tahoma,arial;}
.sokvag a		{color:#000;font:bold 8pt tahoma,arial;}
.sokvag a:hover	{color:#990000;font:bold 8pt tahoma,arial;}
.homehouse		{position:absolute;top:136px;left:23px;border:0px;}
.bgpicts		{position:absolute;top:72px;left:47px;}
.tagcloud		{margin:2px 0 0 16px;padding:35px 10px 0 10px;width:200px;height:210px;background:url("../backgrounds/pufftagcloud.gif") no-repeat left top;}
.tag1			{font:normal 14pt tahoma,arial;color:Blue;}
.tag2			{font:normal 13pt tahoma,arial;color:Green;}
.tag3			{font:normal 12pt tahoma,arial;color:Olive;}
.tag4			{font:normal 11pt tahoma,arial;color:Red;}
.tag5			{font:normal 10pt tahoma,arial;color:Black;}

/*MENYER*/
.submenu        {margin:0;padding:0;width:220px;line-height:16px;}
.sublinks       {margin:0 0 0 16px;word-spacing:2px;}
.topmenu		{position:relative;top:93px;right:22px;}
.topmenu ul		{list-style:none;}
.topmenu li		{display:inline;color:#000;}
.topmenu a		{float:left;background:url("../backgrounds/flikar/left.gif") no-repeat left top;padding:0px 6px 0px 6px;cursor:pointer;font-weight:bold;text-decoration:none;}
.topmenu a span	{float:left;display:block;background:url("../backgrounds/flikar/right.gif") no-repeat right top;padding:13px 6px 9px 6px;color:#333;}
.topmenu span	{float:left;background:url("../backgrounds/flikar/left.gif") no-repeat bottom left;padding:0px 6px 0px 6px;cursor:pointer;font-weight:bold;text-decoration:none;}
.topmenu span a	{float:left;display:block;background:url("../backgrounds/flikar/right.gif") no-repeat right bottom;padding:13px 6px 9px 6px;color:#333;}
.topmenu a:hover{color:#990000;}

/*SPLITTER*/
.menusplit      {margin:0px 5px 0px 10px;padding:5px 5px 5px 5px;width:222px;}/*<hr />*/

/*Ads*/
/*.toppads        {margin:23px 0px 0px 210px;padding:0px 15px 0px 15px;width:468px;height:60px;}
.menuads        {margin:0px 5px 0px 7px;padding:0px 0px 0px 0px;width:220px;}*/

/*Email*/
.sajtmail_login	{position:absolute;top:6px;right:0px;padding:8px;width:236px;height:84px;background:url("../backgrounds/sajtmail_login.gif") no-repeat left top;}
.sajtmail_logga	{position:absolute;top:8px;}
.sajtmail_form	{position:absolute;top:33px;}
.sajtmail_button{cursor:pointer;font:bold 7pt verdana,arial;color:#333333;text-align:center;text-transform:uppercase;border:1px solid #B4BBBB;
  width:auto;height:19px;background:url(/sys_files/btn_blue.gif) repeat-x;padding:1px 5px 3px 5px;}
.maillistreg	{margin:2px 0 0 16px;padding:35px 10px 0 10px;width:200px;height:137px;background:url("../backgrounds/puffnewsletter.gif") no-repeat left top;}

/*NYHETER*/
.news           {margin:15px 0px 0px 0px;padding:0px 15px 0px 15px;width:180px;height:182px;}
.startrubrik    {font-size:13px;line-height:19px;font-weight:bold;}
.starttext      {line-height:15px;}
.startnews		{margin:2px 0 0 16px;padding:35px 10px 0 10px;width:200px;height:304px;background:url("../backgrounds/puffnews.gif") no-repeat left top;}

/*Paging*/
.list-paging	{position:absolute;top:50px;left:213px;width:700px;list-style-type:none;}
.list-paging li		{float:left;margin:0 0 2px 2px;padding:1px 1px 1px 1px;border:1px solid #A9A6CF;background:#EEE;list-style-type:none;}
.list-paging li a	{float:left;margin:0;padding:1px;background:#FFF;list-style-type:none;text-decoration:none;}
.list-paging li span{float:left;margin:0;padding:1px;background:#A9A6CF;list-style-type:none;color:White}

/*LISTOR*/
.listallpagename{font-size:15px;font-weight:bold;}
.pagepost2      {padding:3px;background:#AAEEEE;}
.pagepost38     {padding:3px;background:#EEAAEE;}
.pagepost52     {padding:3px;background:#EEEEAA;}

.listdate		{}
.listlinks		{margin:0px 5px 0px 6px;padding:0px 0px 0px 0px;width:200px;}
.listyear		{margin:0px 10px 0px 0px;padding:0px 10px 0px 9px;cursor:pointer}
.listmonth		{margin:0px 10px 0px 0px;padding:0px 10px 0px 9px;cursor:pointer}
.yeararea		{margin:5px 5px 0px 9px;padding:0px 3px 0px 5px;display:none;}
.montharea		{margin:5px 5px 0px 9px;padding:0px 3px 0px 5px;display:none;}
.yearlinks		{margin:5px 5px 0px 9px;padding:5px 5px 0px 5px;font-size:12px;}
.monthlinks		{margin:5px 5px 0px 9px;padding:5px 5px 0px 5px;font-size:12px;}

/*BLOGG*/
.bloggdate		{}
.blogglinks     {margin:0px 5px 0px 6px;padding:0px 0px 0px 0px;width:200px}
.bloggposts		{}
.blogglistyear	{margin:0px 10px 0px 0px;padding:0px 10px 0px 9px;cursor:pointer}
.blogglistmonth	{margin:0px 10px 0px 0px;padding:0px 10px 0px 9px;cursor:pointer}
.bloggyeararea	{margin:5px 5px 0px 9px;padding:0px 3px 0px 5px;display:none;}
.bloggmontharea	{margin:5px 5px 0px 9px;padding:0px 3px 0px 5px;display:none;}
.bloggyearlinks	{margin:5px 5px 0px 9px;padding:5px 5px 0px 5px;font-size:12px;}
.bloggmonthlinks{margin:5px 5px 0px 9px;padding:5px 5px 0px 5px;font-size:12px;}
.bloggcomments  {margin:5px 0px 0px 5px;padding:10px 10px 10px 10px;}

/*SAJTMAP*/
.sajtmap        {line-height:18px;font-weight:bold;}
.sitemapimage   {position:relative;top:24px;left:35px;}

/*RSS*/
.feed-list      {position:absolute;top:12px;right:320px;list-style-type:none;}
.feed-list li   {list-style-type:none;}
.feed-list li a {padding:0 0 0 19px;background:url("/sys_files/rss/mini.png") no-repeat 0 50%;list-style-type:none;} 
.feedpren       {margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}/*Icon för prenumeration*/

/*MEDIA*/
.sajtplayer		{border:1px solid grey;}

/*SÖK*/
.sok            {padding:0;position:absolute;top:65px;right:19px;}
.v9sok			{font:normal 8pt tahoma,arial;color:#999;border:1px solid #999999;width:145px;height:13px;background-color:white;padding:2px 2px 2px 5px !important;}

/*Banners innerfade*/
ul#banners		  {position:relative;list-style:none;}
ul#banners li img {margin:2px 0 0px -40px;border:1px solid #ccc;padding: 4px;}

/*BRANDING*/
.logotype       {position:absolute;top:22px;left:20px;border:0px;}
.sajttoolsymbol {position:absolute;top:23px;right:35px;}
.contact		{position:absolute;top:26px;left:80px;font:normal 9pt tahoma,arial;color:#333;}
.producedby		{position:absolute;top:65px;left:22px;font:normal 6pt tahoma,arial;color:#BBB;}
.generated      {color: #dddddd;cursor:default;}
.addthis_button	{position:absolute;top:25px;right:150px;}
.theuser		{z-index:50;position:absolute;top:0px;left:15px;font:normal 6pt tahoma,arial;color:#BBB;}

/*XHTML-valid*/
/*.validxhtml     {position:absolute;top:35px;right:160px;}
.validcss       {position:absolute;top:35px;right:220px;}*/

/*Login*/
.hanglas		{cursor:pointer;}
.validateuser	{position:absolute;top:22px;right:90px;}
.logintext		{font:normal 9pt tahoma,arial;color:#404040;}
fieldset		{padding:0;border:1px solid #898989; }
legend, fieldset{margin:0;padding:0 8px;}

.userDialog	{padding:5px 0 0 10px;}

/*===== Länkar =========================*/                   
a                   {color:#990000;text-decoration:none;}
a:hover             {color:#000AAA;text-decoration:underline;}
a.generated			{color:#dddddd;text-decoration:none;}
a.generated:hover	{color:#dddddd;text-decoration:none;}
a.sajtmap           {color:#333333;font-weight:bold;}
a.sajtmap:hover     {color:#990000;font-weight:bold;}
a.starttext         {color:#333333;}
a.starttext:hover   {color:#990000;}
a.sublinks          {color:#333333;}
a.sublinks:hover    {color:#990000;}
a.toplinks:hover    {color:#990000;}
/*a.linkopacity img   {filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;-khtml-opacity:0.3;} /*filter inte giltigt i CSS2.1*/
/*a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-khtml-opacity:1.0;} /*filter inte giltigt i CSS2.1*/

/* ====== Domänregistrering ====================*/
.infotext   {color:#990000;font:normal 10pt tahoma,arial;background:#ffffff;}
.error      {font:bold 8pt tahoma,arial;color:#ff0000;text-decoration:none;}

/* ====== ColorBox =============================*/
/*Visa handen vid mouseover*/
img gallery {cursor:pointer}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/sys_files/lightbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/sys_files/lightbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/sys_files/lightbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/sys_files/lightbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/sys_files/lightbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/sys_files/lightbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/sys_files/lightbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/sys_files/lightbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/sys_files/lightbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:28px;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/sys_files/lightbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(/sys_files/lightbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(/sys_files/lightbox/images/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic{background:url(/sys_files/lightbox/images/loading.gif) center center no-repeat;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(/sys_files/lightbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../sys_files/lightbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* ====== Tablesorter ==========================*/
table.tablesorter {background-color: #DDD;margin:10px 0pt 15px;width: 100%;text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #EBE3EA;padding: 4px;}
table.tablesorter thead tr .header {background-image: url(/sys_files/tablesorter/blue/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D;padding: 4px;background-color: #F8F5F8;vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(/sys_files/tablesorter/blue/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(/sys_files/tablesorter/blue/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #C3B4C1;}

/* ====== Tabs =================================*/
div.panes div {display:none;padding:15px 10px;border:1px solid #999;border-top:0;font-size:14px;background-color:#fff;}
ul.tabs {list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #666;height:30px;}
ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
ul.tabs a {background: url(/sys_files/tabs/blue.png) no-repeat -420px 0;font-size:11px;display:block;height: 30px;line-height:30px;width: 134px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0px;position:relative;top:1px;}
ul.tabs a:active {outline:none;}
ul.tabs a:hover {background-position: -420px -31px;color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -420px -62px;cursor:default !important;color:#000 !important;}
/* Different widths for tabs: use a class name: w1, w2, w3 */
/* width 1 */
ul.tabs a.s 		{background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{background-position: -553px -31px; }
ul.tabs a.s.current {background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l 		{background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{background-position: -248px -31px; }
ul.tabs a.l.current {background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl 		{background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{background-position: 0 -31px; }
ul.tabs a.xl.current{background-position: 0 -62px; }
/* initially all panes are hidden */ 
div.panes div.pane {display:none;}

/* ====== Formulär =============================*/
.v7input
{
  font		    :normal 8pt tahoma,arial;
  color         :#000;
  text-align    :left;
  border        :1px solid #7F9DB9;
  width         :auto;
  height        :14px;
  background    :url(/sys_files/bg_form_skugga.gif) repeat-x;
  background-color :white;
  padding       :4px 4px !important;
  margin-left   :2px;
}
textarea
{
  text-align    :left;
  border-top    :1px solid #7F9DB9;
  border-left   :1px solid #7F9DB9;
  border-bottom :1px solid #7F9DB9;
  border-right  :1px solid #7F9DB9;
  background    :url(/sys_files/bg_form_skugga.gif) repeat-x;
  padding       :4px 4px !important;
  background-color:white;
}
input.text
{
  font		    :normal 8pt tahoma,arial;
  color         :#000;
  text-align    :left;
  border        :1px solid #7F9DB9;
  width         :auto;
  height        :14px;
  background    :url(/sys_files/bg_form_skugga.gif) repeat-x;
  background-color :white;
  padding       :4px 4px !important;
  margin-left   :2px;
}

.adminDialog	{padding:5px 0 0 10px;font:normal 8pt verdana,arial;color:#333;}
.userbutton
{
  cursor        : pointer;
  font          : bold 9px verdana,arial;
  color         : #333333;
  text-align    : center;
  text-transform: uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B4BBBB;
  width			: auto;
  height        : 22px;
  background    : url(/sys_files/btn_green.gif) repeat-x;
  padding       : 3px 6px 3px 6px ;
}
.bluebutton
{
  cursor        : pointer;
  font          : bold 9px verdana,arial;
  color         : #333333;
  text-align    : center;
  text-transform: uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B4BBBB;
  width			: auto;
  height        : 22px;
  background    : url(/sys_files/btn_blue.gif) repeat-x;
  padding       : 3px 6px 3px 6px ;
}
.sortbutton
{
  cursor        : pointer;
  font          : bold 9px verdana,arial;
  color         : #333333;
  text-align    : center;
  text-transform: uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B4BBBB;
  width         : auto;
  height        : 22px;
  background    : url(/sys_files/btn_grey.gif) repeat-x;
  padding       : 3px 6px 3px 6px ;
}
.adminbutton
{
  font		    :bold 9px verdana,arial;
  color         :#000;
  text-align    :center;
  text-transform:uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B4BBBB;
  width			: auto;
  height        : 22px;
  background    :url(/sys_files/btn_edit.gif) repeat-x;
  background-color :white;
  padding       : 3px 6px 3px 6px ;
  cursor		: pointer;
}
.topbutton {
  cursor        : pointer;
  color         : #333333;
  text-align    : center;
  font          : bold 9px verdana,arial;
  text-transform: uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B7D497;
  width			: auto;
  height        : 22px;
  background    : url(/sys_files/btn_green.gif) repeat-x;
  padding       : 3px 6px 3px 6px ;
}
.top1button {
  cursor        : pointer;
  color         : #333333;
  text-align    : center;
  font          : bold 9px verdana,arial;
  text-transform: uppercase;
  border-top    : 1px solid #B4BBBB;
  border-left   : 1px solid #B4BBBB;
  border-right  : 1px solid #B4BBBB;
  border-bottom : 1px solid #B7D497;
  width			: auto;
  height        : 22px;
  background    : url(/sys_files/btn_edit.gif) repeat-x;
  padding       : 3px 6px 3px 6px ;
}