@CHARSET "UTF-8";

.form, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Assume frame border with current color theme */
.frame {
	/* background-color: #f6f3f0; */
	background: #f6f3f0;
	border: 1px solid;
	border-color: #e0dcd8 #b9babf #b9babf #e0dcd8;
}

#manageAdsDiv1.frame {
	display: table-cell;
	width: 99%;
}

.frameBorderless {
/*	background-color: #f6f3f0;
*/
	background-color: #ffffff;

}

label {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	display: block;
	/*white-space:nowrap;*/
}

label input {
	position: relative;
	top: 1px;
}

.ffFix, x:-moz-any-link {
	top: 3px;
}

*+html .ffFix {
	top: 0px;
}

span.text,
input.text,
input.hasDatepicker {
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x;
	border: 1px solid #dad6d2;
	height: 22px;
	margin: 0px;
	padding: 0px 3px;
	padding-top: 3px;
	font-size: 15px;
}

* html .text {
	height: 20px;
	width: 99%;
}

input.readonly {
	background: #f6f3f0 url("../images/smartppc6/bgfade_disabled.png") repeat-x !important;
	border: 1px solid #dad6d2;
	color: #777 !important;
	height:20px; 
	margin:0; 
	padding:2px 3px;
	font-size:14px;
}

.button_selected { 
	color: red;
	background-image: url("../images/smartppc6/bgfade_disabled.png") !important;	
}

textarea.disabled,
textarea.readonly {
	background: #f6f3f0 url("../images/smartppc6/bgfade_disabled.png") repeat-x !important;
	border: 1px solid #dad6d2;
	color: #777 !important;
}


input.textSmall {
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x;
	border: 1px solid #dad6d2;
	padding: 2px 3px;
	height: 14px;
	margin: 0px;
	font-size: 11px;
}

textarea.text {
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x;
	border: 1px solid #dad6d2;
	padding: 2px 3px;
	margin: 0px;
	font-size: 14px;
}

* html textarea.text {
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x;
	border: 1px solid #dad6d2;
	padding: 2px 3px;
	margin: 0px;
	width: 99%;
	font-size: 14px;
}

/*---------------------*/
.limitation {
	position: absolute;
	padding:5px 5px 5px 13px;
/*	margin-left:27px;*/
	margin-top:0px;
	display: inline;
	white-space: nowrap;
	min-width: 100px;
	display: none;
	color: #fff992;
	font-size: 10px;
	background: url("../images/smartppc6/limitation-bg.gif") top left no-repeat;
}

* html .limitation {
	margin-top: 0px;
}

*+html .limitation {
	margin-top:0px;
}
/*----------------------*/

.limInputBg {
	background: url("../images/smartppc6/liminputbg.gif") top left no-repeat;
}

.limTextareaBg {
	background: url("../images/smartppc6/liminputbg.gif") 0 2px no-repeat;
	margin-top: 3px !important;
	padding-top: 3px !important;
}


.limCounter {
	position: absolute;
	color: #fff;
	margin: 2px 0 0 -4px;
	font-size:8px;
	line-height: 9px;
	font-weight: bold;
	padding: 1px 20px 3px 10px;
}

* html .limCounter {
	margin: 3px 0 0 -3px;
}

*+html .limCounter {
	margin: 3px 0 0 -3px;
}

input.button, button.button {
	 padding: 2px 5px;
	font-size: 13px;
	height: 30px;
	/*background:  !important;*/
	background-image: url("../images/smartppc6/button-bg.gif");
	background-position: 0 0;
	font-weight: bold;
	margin: 0px;
	cursor: pointer;
	/*overflow: visible;*/
	border-width: 1px;
	border-style: solid;
	border-color: #eeedeb #dad6d2 #dad6d2 #eeedeb;
}


input.createReportButton, button.createReportButton {
	background:transparent url(../images/smartppc6/createReport-bg.png) no-repeat scroll 10px 0;
	border:none;
	font-size:13px;
	font-weight:bold;
	height:46px;
	margin:0;
	width:260px;
}
.selectBg {
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x !important;
}

input.text:FOCUS, button.button:FOCUS, input.button:FOCUS, textarea.text:FOCUS, input.focusFix , textarea.focusFix, .selectbox:focus {
	border: 1px solid #2e92d4 !important;
}


.hintBox,.notifyBox {
	padding: 10px;
	/*border: 1px solid #dad6d2;*/
	color: #444;
	background-color: #e5f8c9;
	border: 1px solid #dedede;
}


.hintBox2 {
	padding: 10px;
	/*border: 1px solid #dad6d2;*/
	color: #444;
	background: #ffffdd url("../images/smartppc6/bg-fade-top1.png") repeat-x top left;
	border: 1px solid #b9b9b9;
}



.scrollBox {
	overflow: auto;
	padding: 10px;
	border: 1px solid #dad6d2;
	background: #ffffff url("../images/smartppc6/form-input-bg.gif") repeat-x;
}

.invalidfield {
	border-color: #f00 !important;
	border: 1px solid;
}

table.form tr {
	vertical-align: top;
}

table.form td label {
	padding-top: 4px;
}

.tipLabel {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 2px 5px;
	float: left;
	/*width: 130px;*/
}

.errorTip {
	position: absolute;
	padding: 2px 2px 10px 2px;
	/* margin-top: -18px;*/
	width: 150px;
	max-width: 150px;
	margin-left: -35px;
	margin-top: -35px;
	display: block;
	font-size: 10px;
	background: url("../images/smartppc6/errortip-bg.gif") bottom left no-repeat;
}

.errorP {
	color: red;
	padding: 2px 5px;
	font-size: 11px;
}

.errorTipMark {
	display: inline;
	position: absolute;
	padding: 0 0 0 20px;
	height: 16px;
	/*max-width: 150px;*/
	margin-left: -18px;
	margin-top: 4px;
	background: url("../images/smartppc6/icons/info-red.png ") 0 0 no-repeat;
}

* html .errorTip {
	margin-top: -30px;
	margin-left: -42px;
}
#error_message_div {
	background-color: #ffd9d9;
	border: 1px solid #ff9898;
	margin-bottom: 10px;
	padding: 10px;
}

#error_message_div .closeButton {
	float: right;
	width: 16px;
	height: 16px;
	padding: 2px;
}

.error_message_div {
	margin: 0pt  !important;
}

.Box {
	padding: 10px;
}

.inlet {
	/* padding: 1px !important;*/
	border-top:    1px solid #b9b9b9 !important;
	border-right:  1px solid #ffffff !important;
	border-bottom: 1px solid #ffffff !important;
	border-left: 1px solid #b9b9b9 !important;
	background-color: #ffffff;
}

.outlet {
	padding: 1px;

	border-top:    1px solid #ffffff !important;
	border-right:  1px solid #b9b9b9 !important;
	border-bottom: 1px solid #b9b9b9 !important;
	border-left:   1px solid #ffffff !important;

	background-color: #f6f3f0;
}

.xFrame {
	background: #f6f3f0 url("../images/smartppc6/bgfade3.png") repeat-x 0 0;
	border: 1px solid #b9babf;
}

td.underline {
	padding-top: 0px;
	background: url("../images/smartppc6/underline.gif") repeat-x 0 -16px;
}

/**
 -----------------------------> BUTTON
*/


table.xBtn tr td {
	border: 0 none !important;
	border-bottom: 0 none !important;
	padding: 0;
	font:normal 11px sans-serif, tahoma, verdana, helvetica ;
	height: 21px;
	min-height: 21px;
}

table.xBtn {
	cursor:pointer;
	border-collapse: collapse;
	white-space: nowrap;
	display: inline;
	width: auto;
}

table.xBtn button {
	border:0 none;
	background: none;
	font:normal 11px "sans-serif", Arial, Verdana, Helvetica;
	height: 21px;
	cursor:pointer;
	margin:0;
	overflow:visible;
   width:auto;
	-moz-outline:0 none;
	outline:0 none;
}

* html .xBtn button {
		width: 1px;
}

*+html .xBtn button {
		width: 1px;
}

.xBtn button, x:-moz-any-link {
	padding-left:0;
	padding-right:0;
}

*+html .xBtn button {
	padding-top:3px;
}

.xBtn .xBtn-text-ico {
	background-position: 0 0px;
	background-repeat: no-repeat;
	height: 16px;
	padding-left:18px;
	padding-top:0px;
	padding-bottom:2px;
   padding-right:0;
	margin-top: 1px;
}

.xBtn .xBtn-text {
	background-position: 0 0px;
	background-repeat: no-repeat;
	height: 16px;
	padding-top:0px;
	padding-bottom:2px;
   padding-right:0;
	margin-top: 1px;
}

*+html .xBtn .xBtn-text-ico {
	padding-bottom:2px;
}

*+html .xBtn .xBtn-text {
	background-position: 0 0px;
	padding-top:1px;
	margin-top: 2px;
}

.xBtn-Left, .xBtn-Right {
	font-size:1px;
	line-height:1px;
}

.xBtn-Left {
	width:3px;
	height:21px;
	background:url(../images/smartppc6/btn-sprite.png) no-repeat 0 0;
}

.xBtn-Right {
	width:3px;
	height:21px;
	background:url(../images/smartppc6/btn-sprite.png) no-repeat 0 -21px;
}

.xBtn .xBtn-Left i, .xBtn .xBtn-Right i {
	display:block;
	width:3px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}

.xBtn .xBtn-Center {
	
	background-image:url(../images/smartppc6/btn-sprite.png);
	background-color: #f6f3f0;
	background-repeat: repeat-x !important;
	background-position: 0 -42px; /* For IE 7 scrolling */
	z-index: 10;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
}

.xBtn-over .xBtn-Left{
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -63px !important;
}
.xBtn-over .xBtn-Right{
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -84px !important;
}
.xBtn-over .xBtn-Center {
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -105px !important;
}
.xBtn-click .xBtn-Left {
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -126px !important;
}
.xBtn-click .xBtn-Right {
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -147px !important;
}

.xBtn-click .xBtn-Center {
	background:url(../images/smartppc6/btn-sprite.png) repeat-x 0 -168px !important;
}

/*
.x-btn-disabled *{
	color:gray !important;
	cursor:default !important;
}
*/
.xBtn em {
	font-style:normal;
	font-weight:normal;
	height: 16px;
}



.xTbar {
	padding-top: 2px;
	height: 28px;
}


.safari .xTbar .xBtn {
	float: left;
}

.xTbar .vsplitter {
	display: inline-block;
	width: 2px;
	padding: 0px;
	margin: 0 5px;
	height: 16px;
	background: #f6f3f0 url("../images/smartppc6/vertical-splitter.gif") repeat-y 0 0;
}

* html .xTbar .vsplitter {
	display: inline;
}

*+html .xTbar .vsplitter {
	display: inline;
}


.xTbar .xBtn .xBtn-Center,.xTbar .xBtn .xBtn-Left,.xTbar .xBtn .xBtn-Right {
	background-image: none;
}

#color_picker_div {
	position: absolute;
	z-index: 1000;
	margin-top: -297px;
}

/* radio */

.option {
	position: relative;
}
.option input {
	position: absolute;
	left: 0;
//  left: -4px;	
//  top: -4px;	
}
.option label {
	margin-left: 18px;
}
.option input {
	/*	margin: -4px 0 0 -3px;*/
}
html:first-child .option input {
	margin: -4px 0 0 -3px;
}




/*
*  Farbtastic
*/

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url('../images/colorp/wheel.png') no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url('../images/colorp/mask.png') no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  background: url('../images/colorp/marker.png') no-repeat;
}

.paginator {
	height: 22px;
}

.paginator td {
	font-size: 11px;
	height: 22px;
}


.paginator td input {
	height: 18px;
	padding: 4px 0 0 0;
}

/*  selectors */

.selector { 
	clear: left; 
}

*+html .selector {
	height: 1%; 
}
.selector input {
	float: left; 
//	top: -4px;
	margin-right: -20px 
}
.selector label { 
	margin-left: 20px; 
	display: block; 
}
.percent{
	position: relative;
	top: 0px;
//	top: -8px;
	left: 0pt;
}