﻿/* Nav bar */

.NavBar{ 
  width:185px !Important;
  background-image: url(/app_themes/pictures/admin/images/background-body.png);
  border: 1px solid #a5acb2; 
  padding: 7px;
  cursor: hand; 
} 

.TopItem
{
  background-image: url(/app_themes/pictures/admin/navbar/top_level_bg.gif);
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 11px; 
  font-weight: bold;
  padding-top: 4px; 
  padding-bottom: 4px; 
  width:185px;
  cursor:hand;
}

.TopItemHover
{
  color:Gray;
  background: url(/app_themes/pictures/admin/navbar/top_level_bg.gif);
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 11px; 
  font-weight: bold;
  padding-top: 4px; 
  padding-bottom: 4px; 
  width:185px;
  cursor:hand;
}

.Level2Item
{
  font-family: Trebuchet MS, Tahoma, sans-serif; 
  font-size: 11px; 
  text-align: center;
  cursor:hand;
}

.Level2ItemHover
{
  font-family: Trebuchet MS, Tahoma, sans-serif; 
  font-size: 11px; 
  text-align: center;
  text-decoration:underline;
  cursor:hand;
}

.Level2Group
{
  background-color:#F0F1F5;
  border: 1px white solid;
  border-top-color: #F0F1F5;
  padding:5px;
  width:185px;
  cursor:hand;
}

.Empty
{
}

.HeaderPayments
{
	font-weight: 600;
	font-size: 14px;
}

.information_text
{
	font-size: 13px;
	color: #515151;
	font-family: Trebuchet MS, Tahoma, sans-serif;
	font-weight: 500;
	text-align: left;
	padding: 23px 0px 5px 40px;
	height: 23px;
}

.subscription_text
{
	padding: 9px 0px 5px 40px;
	height: 23px;
}


/*  Grid  */

.Grid 
{ 
  border: 0px solid #57566F; 
  border-bottom: 0px solid #57566F; 
  background-color: #FFFFFF;
  cursor: default;
}

.GridHeader
{
  background-image: url(/app_themes/pictures/admin/grid/grid_preheaderCopy.gif); 
  background-color: #8988A5; 
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
}

.GridData
{
  border: 0px;
  border-left: 5px solid black;
  border-right: 5px solid black;
  height: 337px;
}

.GridHeaderText
{
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
  padding-right: 6px;
}

.GridFooter
{
  background-image: url(/app_themes/pictures/admin/grid/grid_footer_bg.gif);
  cursor: default; 
  padding: 5px;
  height: 40px;
  vertical-align: bottom;
  border: 0px;
  border-left: 5px solid black;
  border-right: 5px solid black;
}

.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(/app_themes/pictures/admin/grid/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(/app_themes/pictures/admin/grid/header_bg.gif);   
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  background-image: url(/app_themes/pictures/admin/grid/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(/app_themes/pictures/admin/grid/header_activeBg.gif);   
  background-color: #F6F6F7; 
  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(/app_themes/pictures/admin/grid/header_bg.gif); 
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
  cursor: pointer;
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 


.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
}

.SelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
  cursor: pointer;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
  cursor: pointer;
}


.SliderPopup
{
  background-color: #ffffff; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  font-size: 11px; 
  font-family: Verdana;
  color: #000000;
}

.RedRow 
{ 
  background-color: #FFFFFF; 
  cursor: default;
  color: red;
}

.BlueRow 
{ 
  background-color: #FFFFFF; 
  cursor: default;
  color: blue;
}

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #E2E2E2; 
  border-width:0px!important;
} 

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  height: 13px;
  width: 98%!important; 
} 


/* Form elements */
.sel { width:304px; }
	.sel .file { height:25px;width:304px;cursor:default;margin:0 0 10px 0; }
	.sel div.filename { width:146px;height:21px;border:1px solid #999;background-color:#fff;padding:2px 0 0 4px;margin:0;display:block;float:left;margin:0 1px 0 0; }
	.sel div input { background-color:transparent;width:144px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
	.sel div.empty { background-color:#e6e6e6; }
	.sel div.empty input { color:#999; }
	.sel a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
	.sel a.browse img { border:0; }
	.sel a.upload,.sel a.upload-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("/app_themes/pictures/admin/upload/static.png") no-repeat -189px -83px;width:76px;height:25px; }
	.sel a.upload:hover { background-position:-189px -108px; }
	.sel a.upload:active { background-position:-189px -133px;outline:none; }
	.sel a.upload-d { background-position:-189px -158px; } /* Disabled class */

/* Dialogue titlebar */
.ttl { width:100%;height:40px;cursor:move; }
	.ttl a { margin-top:4px;display:block;float:right;width:35px;height:25px;background:transparent url("/app_themes/pictures/admin/uploadstatic.png") no-repeat -18px 0;cursor:default; }
	.ttl a:hover { background-position:-18px -25px; }
	.ttl a:active { background-position:-18px -50px;outline:none; }

	.ttlt { width:100%;height:32px; }
		.ttlt-l { width:9px;height:100%;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat;float:left; }
		.ttlt-m { height:100%;background:#000 url("/app_themes/pictures/admin/upload/horizontal.png") repeat-x;float:left; }
		.ttlt-r { width:9px;height:100%;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat -9px 0;float:left; }
	.ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#fff;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

	.ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
		.ttlb-l { width:9px;height:100%;background:#000 url("/app_themes/pictures/admin/upload/static.png") no-repeat 0 -38px;float:left; }
		.ttlb-m { height:100%;background:#fff url("/app_themes/pictures/admin/upload/horizontal.png") repeat-x 0 -38px;float:left; }
		.ttlb-r { width:9px;height:100%;background:#000 url("/app_themes/pictures/admin/upload/static.png") no-repeat -9px -38px;float:left; }


/* Dialogue contents */
.con { background:#fff url("/app_themes/pictures/admin/upload/vertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:4px 7px; }

/* Dialogue footer */
.ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ftr-l { width:9px;height:100%;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat 0 -83px;float:left; }
	.ftr-m { height:100%;background:#eee url("/app_themes/pictures/admin/upload/horizontal.png") repeat-x 0 -83px;float:left; }
	.ftr-r { width:9px;height:100%;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat -9px -83px;float:left; }

	/* Footer buttons */
	.ftr .btns { float:right;margin-top:4px; }
	.ftr .btns a { text-decoration:none;color:#333;cursor:default !important;display:inline; }
	.ftr .btns a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat -93px 0;margin-left:2px; }
	.ftr .btns a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("/app_themes/pictures/admin/upload/horizontal.png") repeat-x 0 -120px; }
	.ftr .btns a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("/app_themes/pictures/admin/upload/static.png") no-repeat -103px 0; }
	.ftr .btns a:hover { text-decoration:none;color:#000; }
	.ftr .btns a:hover span.l { background-position: -93px -25px; }
	.ftr .btns a:hover span.m { background-position:0 -145px; }
	.ftr .btns a:hover span.r { background-position: -103px -25px; }
	.ftr .btns a:active span.m { height:23px;line-height:24px;padding-top:2px; }


/* Upload dialogue styles */
.dlg-up { color:#999;cursor:default !important; }
.dlg-up .ttlt-m,.dlg-up .ttlb-m,.dlg-up .ftr-m { width:440px; }

.dlg-up .stat,.dlg-up .list { padding:0 15px; }
.stat .lbl { text-align:right;margin-bottom:8px; }

.dlg-up h3 { margin:0;font-weight:normal;font-size:11px;padding:0 0 4px 0;color:#666; }
.dlg-up .red { color:#dd3409; }
.dlg-up strong { color:#ea6b4a;font-weight:normal; }
.dlg-up .info { float:left;font-size:11px;cursor:default !important;margin:0 0 0 8px;height:34px;line-height:34px;font-size:10px; }

/* Progress bar and related elements */
.prog { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden; }
.prog .con { width:410px;height:16px !important;background:transparent url("/app_themes/pictures/admin/upload/upload/horizontal.png") repeat-x 0 -170px;border:0;margin:0;padding:1px; }
.prog .con .bar { height:16px;background:transparent url("/app_themes/pictures/admin/upload/horizontal.png") repeat-x 0 -188px; }

/* calendarstyle*/
.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
	vertical-align:bottom;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}












#demo-cell {
	FONT-SIZE: 11px
}

BODY {
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/background-body.png);
	MARGIN: 0px;
	COLOR: #666666;
	BACKGROUND-REPEAT: repeat-x;
	font-family: Trebuchet MS, Tahoma, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	
}

#body-container {
	MARGIN: 0px auto;
	WIDTH: 1150px;
	TEXT-ALIGN: left !important
}

#footer-container {
	CLEAR: both;
	MARGIN-TOP: 30px;
	BACKGROUND: url(/app_themes/pictures/admin/images/background-footer.png) #ffffff no-repeat left top;
	WIDTH: 1150px;
	HEIGHT: 38px
}

#footer-container .copyright {
	COLOR: #ffffff;
	PADDING-TOP: 7px;
	TEXT-ALIGN: center !important
}

#content-container {
	PADDING-RIGHT: 15px;
	BACKGROUND-POSITION: left top;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/background-content.png);
	PADDING-BOTTOM: 0px;
	WIDTH: 1120px;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: auto;
	BACKGROUND-COLOR: transparent;
	text-align:left
}


#about-container DIV.demo-folder {

	FONT-WEIGHT: bold;

	MARGIN: 5px 0px 0px 5px;

	TEXT-ALIGN: left

}


#about-container UL {

	LIST-STYLE-IMAGE: url(/app_themes/pictures/admin/images/chevron-small-grey.png)

}


#demo-bottom {

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/background-demo-bottom.png);

	WIDTH: 1120px;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 10px !important;

	BACKGROUND-COLOR: transparent

}


#demo-container {

	WIDTH: 1120px;

	POSITION: relative;

	BACKGROUND-COLOR: #f2f2f2

}


#content DIV.DemoArea {

	FONT-SIZE: 11px;

	MIN-HEIGHT: 395px;

	MARGIN-LEFT: 10px;

	WIDTH: 740px

}


#demo-container TD.nav-cell {

	BACKGROUND: url(/app_themes/pictures/admin/images/background-nav-cell.png) repeat-y left bottom

}


#demo-nav {

	MARGIN-LEFT: 10px;

	WIDTH: 219px;

	HEIGHT: auto !important;

	BACKGROUND-COLOR: #ffffff
    }


#demo-nav .demo-nav {

	PADDING-RIGHT: 10px;

	PADDING-LEFT: 10px;

	PADDING-BOTTOM: 0px;

	CURSOR: pointer;

	PADDING-TOP: 0px

}


#demo-nav .NavLevel2Item {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 0px;

	FONT-SIZE: 11px;

	PADDING-BOTTOM: 1px;

	CURSOR: pointer;

	COLOR: #dd3409;

	PADDING-TOP: 1px

}


#demo-nav .NavLevel2ItemSelected {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 0px;

	FONT-SIZE: 11px;

	PADDING-BOTTOM: 1px;

	CURSOR: default;

	COLOR: #666666;

	PADDING-TOP: 1px

}


#demo-nav .NavTopItemExpanded {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/nav-top-item.png);

	WIDTH: 170px;

	CURSOR: pointer;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 26px

}

#demo-nav .NavTopItem {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/nav-top-item.png);

	WIDTH: 170px;

	CURSOR: pointer;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 26px

}


#demo-nav .demo-logo {

	WIDTH: 190px;

	HEIGHT: 40px;

	BACKGROUND-COLOR: #ffffff

}


#demo-top {

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/background-demo-top.png);

	WIDTH: 1120px;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 10px;

	BACKGROUND-COLOR: #f2f2f2

}


#demo-menu {

	MARGIN-BOTTOM: 10px;
	text-align:right;
	PADDING-TOP: 6px

}


#demo-menu .menu {

	BORDER-RIGHT: 0px;

	BORDER-TOP: 0px;

	BORDER-LEFT: 0px;

	CURSOR: default;

	BORDER-BOTTOM: 0px

}


#demo-menu .menu IMG {

	MARGIN-LEFT: 3px

}


#header-container {

	MARGIN-TOP: 10px;

	WIDTH: 1150px;

	HEIGHT: 64px;

	BACKGROUND-COLOR: transparent

}


#header {

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/navigation/background-nav.png);

	WIDTH: 1150px;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 39px

}

#subnav {

	FONT-SIZE: 9px;

	BACKGROUND-IMAGE: url(/app_themes/pictures/admin/images/navigation/background-subnav.png);

	WIDTH: 1150px;

	CURSOR: default;

	BACKGROUND-REPEAT: no-repeat;

	HEIGHT: 25px

}

#subnav #breadcrumbs {

	FONT-SIZE: 9px;

	FLOAT: left;

	MARGIN: 4px 8px;

	WIDTH: auto;

	COLOR: #dd3409

}


#subnav #breadcrumbs A:link {

	FONT-SIZE: 9px;

	COLOR: #dd3409;

	TEXT-DECORATION: none

}


#subnav #breadcrumbs IMG {

	MARGIN-LEFT: 5px;

	MARGIN-RIGHT: 5px

}


#header IMG.site {

	FLOAT: left;

	MARGIN: 5px 0px 0px 3px;

	CURSOR: pointer

}


#header IMG.home {

	MARGIN-TOP: 5px;

	FLOAT: left;

	CURSOR: pointer

}

#header IMG.separator {

	MARGIN-TOP: 5px;

	FLOAT: left;

	WIDTH: 359px;

	HEIGHT: 34px

}


#header IMG.demo-title {

	MARGIN-TOP: 5px;

	FLOAT: left;

	HEIGHT: 34px

}


#header IMG.divider {

	MARGIN-TOP: 5px;

	FLOAT: left

}



#header IMG.logo-active {

	FLOAT: left;

	MARGIN: 5px 0px 0px 19px;

	CURSOR: pointer

}


















#main {
	WIDTH: 870px;
	LINE-HEIGHT: 1.5em;
	TEXT-ALIGN: left;
}

.DIV {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}


#content {
	CLEAR: left;
	WIDTH: 870px;
	PADDING-TOP: 10px;
	MIN-HEIGHT: 0px;
	MARGIN: 20px 0px
}

.clearfix {
	DISPLAY: block
}

.clearfix {
	DISPLAY: inline-block
}

#wrapper {

	WIDTH: auto !important;
	TEXT-ALIGN: center;
	MARGIN: 10px auto;
}

#wrapper .first {

	MARGIN-TOP: 0px

}

DIV.fieldset {
	BORDER-RIGHT: #a5acb2 1px solid;
	PADDING-RIGHT: 20px;
	BORDER-TOP: #a5acb2 1px solid;
	PADDING-LEFT: 20px;
	BACKGROUND: #ffffff;
	PADDING-BOTTOM: 20px;
	MARGIN: 30px 0px 0px;
	BORDER-LEFT: #a5acb2 1px solid;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #a5acb2 1px solid;
	POSITION: relative;
}

A:link {
	COLOR: #037dd3;
	TEXT-DECORATION: none
}

H4 
{
	BORDER-top: #a5acb2 1px solid;
	BORDER-left: #a5acb2 1px solid;
	BORDER-right: #a5acb2 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: white 0px 0px;
	LEFT: 10px;
	PADDING-BOTTOM: 0px;
	FONT: 16px;
	font-weight:600;
	MARGIN-LEFT: 5px;
	margin-top: -6px;
	COLOR: #565f6f;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: -12px;		
}

* + HTML H4 {
	TOP: -12px
}




/* Note: Inheritance and !important are used to avoid any potential conflicts */
/* Chrome */
.chr { width:516px;height:420px; }

/* 'Top' bar (or titlebar, or toolbar ) */
.chr .tb { width:100% !important;height:8px !important;overflow:hidden; }
	.chr .tb .l { width:8px;height:100%;background:transparent url("skins/blackice/static.png") no-repeat 0 -30px;float:left;overflow:hidden; }
	.chr .tb .m { width:500px;height:100%;background:#000 url("skins/blackice/horizontal.png") repeat-x 0 -30px;float:left;overflow:hidden; }
	.chr .tb .r { width:8px;height:100%;background:transparent url("skins/blackice/static.png") no-repeat -8px -30px;float:left;overflow:hidden; }

/* Sample contents */
.chr .con { width:100% !important;height:256px !important;overflow:hidden; }
	.chr .con .l { width:8px;height:100%;background:#000 url("skins/blackice/vertical.png") repeat-y;float:left;overflow:hidden; }
	.chr .con .m { width:500px;height:100%;background:#fff;float:left;overflow:hidden; }
	.chr .con .r { width:8px;height:100%;background:#000 url("skins/blackice/vertical.png") repeat-y -8px 0;float:left;overflow:hidden; }

/* Separator (between the chart and the scroller widget) */
.chr .sep { width:100% !important;height:8px !important;overflow:hidden; }
	.chr .sep .l { width:8px;height:100%;background:#000 url("skins/blackice/static.png") no-repeat 0 -38px;float:left;overflow:hidden; }
	.chr .sep .m { width:500px;height:100%;background:#000 url("skins/blackice/horizontal.png") repeat-x 0 -38px;float:left;overflow:hidden; }
	.chr .sep .r { width:8px;height:100%;background:#000 url("skins/blackice/static.png") no-repeat -8px -38px;float:left;overflow:hidden; }

/* Scroller */
.chr .scr { width:100% !important;height:70px !important; }
	.chr .scr .l { width:8px;height:100%;background:#000 url("skins/blackice/vertical.png") repeat-y;float:left; }
	.chr .scr .m { width:500px;height:100%;background:#fff;float:left;overflow:hidden; }
	.chr .scr .r { width:8px;height:100%;background:#000 url("skins/blackice/vertical.png") repeat-y -8px 0;float:left; }

/* Bottom */
.chr .btm { width:100% !important;height:8px !important; }
	.chr .btm .l { width:8px;height:100%;background:transparent url("skins/blackice/static.png") no-repeat 0 -46px;float:left; }
	.chr .btm .m { width:500px;height:100%;background:#000 url("skins/blackice/horizontal.png") repeat-x 0 -46px;float:left; }
	.chr .btm .r { width:8px;height:100%;background:transparent url("skins/blackice/static.png") no-repeat -8px -46px;float:left; }

/* Popup styles */
/* Popup styles */
.popup { width:275px;height:68px;background:#999;border:1px solid #8d8d8d;cursor:default;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#666;line-height:16px; }
	.popup .top { width:auto;height:48px;padding:0; }
		.popup .top .inner { padding:1px;background:#fff;height:45px; }
		.popup .top .lbl { width:44px;height:39px;background:#e3e3e3;float:left;text-align:right;padding:6px 6px 0 0; }
		.popup .top .val { width:216px;height:39px;background:#f6f6f6;float:left;margin:0 0 0 1px;padding:6px 0 0 6px;font-weight:bold; }

	.popup .btm { width:auto;height:21px;padding:0;line-height:18px; }
		.popup .btm .inner { width:auto;height:19px;padding:0;border:1px solid #fff;border-top:none;background:#fff; }
		.popup .btm .lbl { width:43px;height:18px;background:#fff url("skins/blackice/horizontal.png") repeat-x 0 -54px;float:left;border-right:1px solid #d4d4d4;margin:1px 0 0 0;color:#666;text-align:right;padding:0 6px 0 0; }
		.popup .btm .val { width:216px;height:18px;background:#fff url("skins/blackice/horizontal.png") repeat-x 0 -72px;float:left;margin:0;border-left:1px solid #fff;border-top:1px solid #fff;color:#333;font-weight:bold;padding:0 0 0 6px; }

/* ComboBox dropdown menu manos*/

.ddn { cursor:default;color:#666;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:1px solid #000;z-index:20000 !important; }
.ddn-ftr { width:190px;height:8px;background:transparent url("/app_themes/admin/combo/static.png") no-repeat 50% -82px;overflow:hidden; } /* overflow:hidden allows IE6 to render the element's height correctly */

.ddn-con { width:188px;height:auto;background-color:#f6f6f6; }
.ddn-item { width:182px;padding-left:8px;line-height:22px;background:none; }
.ddn-item-hover { background:transparent url("/app_themes/admin/combo/static.png") no-repeat;width:182px;padding-left:8px;line-height:22px;color:#000; }

.cmb { padding-left:4px;background-color:#f6f6f6;border:1px solid #454545;border-right-color:#000;border-bottom-color:#000; }
.cmb-hover { background-color:#fff; }
.txt { background:none;border:none;margin:0;padding:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#333; }
.cmb-hover .txt { color:#000; }


.style { background:#f6f6f6 url("/app_themes/admin/combo/vertical.png") repeat-y; }
	.style .ddn-item { width:190px;height:34px;line-height:34px; }
	.style .ddn-item-hover { width:190px;height:34px;line-height:34px;color:#333333;background:transparent url("/app_themes/admin/combo/static.png") no-repeat 0 -44px; }
	.style .brk { width:190px;height:4px;background:transparent url("/app_themes/admin/combo/static.png") no-repeat 0 -78px; }

.font { background:#f6f6f6 url("/app_themes/admin/combo/vertical.png") repeat-y; }
	.font .ddn-item { width:190px;height:22px;line-height:22px; }
	.font .ddn-item-hover { width:190px;height:22px;color:#333333;background:transparent url("/app_themes/admin/combo/static.png") no-repeat 0 -22px; }
	.font .icon { width:12px;height:12px;float:left;padding:5px 16px 0 4px; }
	
	
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px ; 
background:url(/app_themes/admin/formbg.gif) repeat-x left top;
}