/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt Version: 0.11.3 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 62.5%;
  margin: 0;  
  padding: 0;
}

textarea {
   overflow: auto;	
   font-size: 100%;
}

optgroup {
	font-style: normal;
	font-weight: bold;
}	
fieldset {
	border: 1px solid #AAA;	
	padding: 6px;
}

.gecko input[type="button"], .gecko input[type="submit"], .gecko input[type="reset"]{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.gecko input[type="radio"], .gecko input[type="checkbox"]{
	margin-left: 0.2em;
	margin-right: 0.2em;
}

input[type="text"], input[type="password"]{
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

/*
input[type="text"]:focus,textarea:focus,select:focus {
   background-color: #FFFFE5;
}*/	

h1,h2,h3,h4,h5,h6 {margin:7px 0px; padding:10px 0px; }
h1 {font-size: 200%; }
h2 {font-size: 150%; }
h3 {font-size: 125%; }
h4 {font-size: 100%; }
h5 {font-size: 85%;  }
h6 {font-size: 70%;  }

ul {
	list-style: disc;
	padding: 0em 0em 0em 2em;
	list-style-position: outside;
}

ol {
	list-style: decimal;
	padding: 0em 0em 0em 2em;
	list-style-position: outside;
}

p {
	margin: 0.5em 0em;
}

a {
   color: #407746 ;
}

/*
a:visited {
   color: #7f3706 ;
}*/

a:hover {
   color: white;
   background-color: #205726 ;
}

table {
	empty-cells: show;
}

#header {
	color:#003706;
	padding: 10px 0px 5px 15px;
	border-bottom: 1px solid #ccc;
	background-color: #f9fff9;
}

#header .headerTitle {
	font-size: 200%;
	text-decoration: none;
	position: absolute; 
	left: 205px; 
	top: 14px;
}

#main {
	padding: 0px 0px 10px 10px;	
    margin:0px 10px 10px 10px;
	font-size: 1.3em;
}

#footer {
	font-size:1.2em;
	color: #555;
	padding:10px;
	background-color: #fafafa;
	clear:both;
	/* background-image: url("../apmobile/all_rights_reserved.gif");
	background-repeat: no-repeat;
	background-position: left center; */
	
}

#footer .left {
	float: left;
	clear: left;
}

#footer .right {
	text-align: right;
}

.ie6 #footer {
	height:1.2em;
}
.ie6 #footer .right{
	position:absolute;
	right:10px;
}	

.spanbar {
	clear:both;
}

.spanbar .left {
	float: left;
	clear: left;
}

.spanbar .right {
	text-align: right;
}

table.standard {
	border-collapse: separate;
	border-spacing: 2px;
	
}	

table.standard th {
    padding:5px;
	background-color: #D0FAC0;
	border:1px solid #DDD;
	font-weight: normal;
}

table.standard td {
    padding:5px;
    border: 1px solid #EEE;
}

table.tiles {
	border-collapse: separate;
	border-spacing: 2px;
}	
table.tiles th {
	background-color: #D0FAC0;
	font-weight: normal;
	border: 1px solid #DDD;  
}
table.tiles td {
	border: 1px solid #EEE;
}
table.tiles td ,table.tiles th {
	padding:5px;
	border-width: 0px 1px 1px 0px; 
}
table.tiles .odd {
	background-color: #FFFFE5;
}

table.smaller th {
    padding:1px;
	background-color: #9dd;
	border:1px solid #5cc;
	font-weight: normal;
}

table.smaller td {
    padding:1px;
    border: 1px dotted #ccc;
}

table.lists td {
    padding:3px;
    border: 0px ;
}	

table.lists td:first-child {
    text-align: right;
    padding-right: 10px;
	vertical-align: top;
}

table.light {
	border-collapse: separate;
	border-spacing: 2px;
}

tr.navigation a,tr.navigation span em span {
	padding-left: 2px;
	padding-right: 2px;
}

tr.navigation span em {
	font-weight: normal;
	color: #AAA;
}

tr.navigation span em span {
	font-weight: bold;
	border: 1px solid #DDD;
	background-color: #DDFFDD;
	color:#205726;
}

table.light tr.navigation td {
	background-color:#FFFFFF; 
	padding:3px;
	padding-bottom:1px;
	border: 1px solid #DDD;
	border-bottom: 0px ;
}

table.light th {
	background-color: #D0FAC0;
	font-weight: normal;
	border: 1px solid #DDD;  
	white-space: nowrap;
	text-align: center; 
}
table.light td {
	border: 1px solid #EEE;
}
table.light td ,table.light th {
	padding:5px;
	border-width: 0px 1px 1px 0px; 
}
table.light tr.odd {
	background-color: #FFFFE5;
}

table.light th.wicket_orderNone, table.light th.wicket_orderDown, table.light th.wicket_orderUp {
	background-position: 98% 50% ;
	background-repeat: no-repeat;
	padding-right: 10px;
}
table.light th.wicket_orderDown, table.light th.wicket_orderUp {
	background-color:#BAF590;  
}
table.light th.wicket_orderNone {
	background-image: url(../images/arrow_off.png);
}
table.light th.wicket_orderDown {
	background-image: url(../images/arrow_down.png);
}
table.light th.wicket_orderUp {
	background-image: url(../images/arrow_up.png);
}

table.light .current {
	background-color: #DDFFDD;
}

table.bigForm {
	border-collapse: separate;
	border-spacing: 7px;
	width: 100%;
}
.ie table.bigForm {
	border-spacing: expression(cellSpacing=7);
}
table.bigForm tr.title {
	background-color: #DDFFDD;
}
table.bigForm tr.title th {
	padding: 3px;
    padding-left: 2em;
	border-top: 1px solid green;
	font-size: 115%;
	white-space: nowrap;
}
table.bigForm td.label {
    text-align: right;
    padding-right: 10px;
	vertical-align: top;
	font-size: 115%;
	white-space: nowrap;
}

table.bigForm td.fields {
}	

h3.bigHeadLine { /* style same as bigForm title th */
	background-color: #DDFFDD;
	padding: 3px;
    padding-left: 2em;
	border-top: 1px solid green;
	font-size: 115%;
	white-space: nowrap;
}	

/* TAB PANEL STYLES */
div.tabpanel .tab-row ul {
    height: 20px;
    margin: 0 0 0.5em 0 ;
    padding-left: 10px;
    background: url(../images/tabpanel/tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel .tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    white-space: nowrap;
}

div.tabpanel .tab-row li a {
    float: left;
    background: #f3f3f3;
    line-height: 14px;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    text-decoration: none;
    color: #999;
    border: 1px solid #ccc;
}

div.tabpanel .tab-row li.selected a {
    border-bottom: 1px solid #fff;
    background: #e0ffe0;
    color: #000;
}

div.tabpanel .tab-row li a:hover {
    background: #fff;
    color: black;
}


/* PROGRESS BAR */
div.wupb-uploadStatus {
	margin: 5px;
	color: #aaa;
}

div.wupb-progressBar {
	margin: 5px;
}

div.wupb-progressBar .wupb-border {
	background: url( ../images/progress-remainder.gif ) repeat-x;
	background-color: #eee;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	width: 100%;
}

div.wupb-progressBar .wupb-background {
	background: url( ../images/progress-bar.gif ) repeat-x; 
	background-color: #507090;
	height: 18px;
	width: 0%;
}
/* END PROGRESS BAR */

.wicket-modal {
	font-size: 1.3em;
}

/* rating panel start */
.ratingStarRow div {
    display:inline;
}
.ratingStarRow {
    display:inline;
}
.wicketRatingStars {
	white-space: nowrap;	
}
.wicketRatingText {
	white-space: nowrap;	
}	
/* rating panel end */


/* dinbendon specific */
.hasComment{
    background: url(../images/editable.gif ) no-repeat top left;
}

.important {
	font-weight: bold;
	color: #60A766 ;
}

.required {
    color: red;	
}

.highlight {
   background: #d0f5d0;
}

.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.textNoWrap{
	white-space: nowrap;
}	

.errorHighlight {
	background-color: #FEE;
	border-width: 2px;
	border-style: solid;
	/*border-color: red;*/
	border-top-color: #D55;
	border-left-color: #D55;
	border-right-color: #FBB;	
	border-bottom-color: #FBB;	
	/*
	*/
}

span.errorHighlight, label.errorHighlight {
	border-color: #FBB;
}

.clickEdit {
	background-color: #DDFFDD;
	cursor: pointer;
	outline: 1px solid #DDD ;
	/* remove will cause position shift  
	border: 0px !important;*/
}

.editable {
	border-bottom: 1px dashed #5BB !important;
}	

/* shared rating comment table */
table.sharedRatingComment td {
	padding:3px 0px;
	border-width: 0; 
}

table.sharedRatingComment tr.odd {
	background-color: white;
}

table.sharedRatingComment th {
	padding:1px;
	border-width: 0; 
	font-size: 0px;
}


/* merge view section */
.mergeView th {
	white-space: nowrap;
}	
.mergeView div.cellContent {
	padding:2px;
	overflow: hidden; 
}

.mergeView div.cellContent {
	width: 6em;
}
.mid .mergeView div.cellContent {
	width: 5em;
}
/* longCells generated by wicket */
.long .mergeView div.cellContent {
	width: 4em;
}

.mergeView td.cell {
	padding:0px;
	text-align: center;
}

.mergeView td.cell .count {
	font-weight: bold;
	color: #03D;
}

.mergeKey div.infoContent {
	width: 10em;
	overflow: hidden;
}

div.forExcel {
	text-align: left;	
	margin-top:0.5em;
}	

/* merge view section end */

.inProgress {
   color: #F55;
   font-weight: bold;
   white-space: nowrap;
}

.notInProgress {
   white-space: nowrap;
   color: #888;	
}	

/* 
.orderNotice {
	text-align:left;
	position: fixed;
	padding: 1em; 
	width: 15em; 
	overflow: auto; 
	height: 25em; 
    right: 3em;
	top: 8em; 
	left:55em;
}

.ie6 .orderNotice {
	position:expression(document.body.clientWidth <= 1000 ? "absolute" : "fixed" );
} */

.orderNotice {
	text-align:left;
	padding: 1em; 
	width: 15em; 
	height: 25em; 
	overflow: auto; 
	margin-left: 1em;
}

.selectOrderItemBox {
	position: fixed;
	width: auto;
	border: 5px solid #AAAAFF ; 
	padding: 1em; 
	background-color: #FDFDFF; 
	z-index: 10000; 
	top: 3em; 
	bottom: 3em; 
	left: 5em; 
	right: 5em; 
	text-align: left;
	overflow: auto;	
}

.selectOrderItemBox .orderNotice {
	left: auto;
	right:13em;
}	

.ie6 .selectOrderItemBox, .ie5 .selectOrderItemBox {
	position: absolute; 
	width: 700px;
}

/* add order item */
.productName {
    width: 10em;
    white-space: normal;
    overflow: hidden;
}

.ituneFrame .header {
   /* from #CFFDCF to #FFFFFF */
   background-image: url('../images/greenBar.png'); 
}

div.textAd {
	background-image: url('../images/greenBar.png'); 
	background-repeat: repeat-x;
}	

#tree .bar {
   background-image: url('../images/greenBar.png'); 
   padding: 2px;
   border: 1px solid #DDD;
   border-bottom: 0px;
}

.fieldDescription {
   padding: 2px;
   margin: 0px;
   color: #999;
}

.description {
   color: #888;
}	

a.function {
	padding:0px 0.3em;
}

#header span em, .selectedLink { /* header disabled link */
	font-weight: bold;
	border: 1px solid #DDD;
	background-color: #DDFFDD;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	color:#205726;
}

a.external {
	padding-right: 12px;
	background-image: url('../images/external.png')  ;	
	background-position: right center ;
	background-repeat: no-repeat ;
}

a.skypeIcon {
	padding:0px 0px 0px 20px;
	background-image: url('../images/skype_icon22.png')  ;	
	background-position: middle center ;
	background-repeat: no-repeat ;
	text-decoration: none;
}


a.link {
	padding-left: 17px;
	background-image: url('../images/link.gif')  ;	
	background-position: left center ;
	background-repeat: no-repeat ;
}


.centerTick {
	background-image: url('../images/tick.gif')  ;	
	background-repeat: no-repeat ;
	background-position:50% 50%;
	text-align: center;
}	

table.tiles td.categoryHeader {
	padding-bottom:3px; 
	padding-top:3px; 
	border: 1px solid #DDD;  
	border-width: 0px 1px 1px 0px;
	font-size: 115%; 
	font-weight: bold;
	background-color: #D0FAC0;
	letter-spacing: 0.5em;
	color: #B34000;
}

.calPrice {
	color:blue;	
}

.calculated {
	text-align: right;
}	

.formulaApplyToAll .calculated {
	color:blue;	
}

a.blueDown {
	padding-right: 16px;
	background-image: url('../images/blue_arrow_down.gif')  ;	
	background-position: 98% 50% ;
	background-repeat: no-repeat ;
}

a.blueUp {
	padding-right: 16px;
	background-image: url('../images/blue_arrow_up.gif')  ;	
	background-position: 98% 50% ;
	background-repeat: no-repeat ;
}

.greenbox {
	border: 1px solid #AAA; 
	background-color: #F9FFF9;
}

.darkGreenbox {
	background-color: #DDFFDD;
	outline: 1px solid #DDD ;
}	

.lightyellowbox {
	border: 1px solid #DDD;
	background-color: #FFFFDD;
}

.yellowbox {
	border: 1px solid #DDD;
	background-color: #FFFFBB;
}

.greybox {
	border: 1px solid #DDD;
	background-color: #EEE;
}

.redbox {
	border:1px solid red; 
	background-color: #FFDDDD;	
}	

a.lighter {
   color: #70A776 ;
}

a.lighter:hover {
   color: white;
   background-color: #205726 ;
}

a.nobg {
}

a.nobg:hover {
   color: #407746 ;
   background-color: transparent ; 
}

.anchorNobg a:hover {
   color: #407746 ;
   background-color: transparent ; 
}	


/* 	action:		#205726
	highlight:	#DDFFDD		darker:	#d0f5d0
	lightborder:#DDD
	yellow:		background-color: #FFFFBB;	
	ligthyellow:background-color: #FFFFDD;	
	green box:	background-color: #F9FFF9;	border: 1px solid #AAA; 
	red box:    background-color: #FFDDDD;  border:1px solid red; 
*/

/* feedback start */
#globalFeedback ul {
    padding: 0px;
}

#globalFeedback li.feedbackPanelERROR,
#globalFeedback li.feedbackPanelWARN,
#globalFeedback li.feedbackPanelFATAL,
#globalFeedback li.feedbackPanelINFO {
	font-size: 115%;
	background: #ffc;
	border: 2px solid red;
	color: black;
	font-weight: normal;
	margin: 0.3em;
	padding: 0.2em;
	padding-left: 25px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 5px;
	list-style-type: none;
}

#globalFeedback li.feedbackPanelINFO {
	border: 1px solid green;
	background-image: url("../images/information.gif") ;
}

#globalFeedback li.feedbackPanelERROR {
	background-image: url("../images/warn.gif") ;
}
/* feedback end */

/* tooltip start */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none ;
    border-bottom: 1px dashed ;
}

a.tooltip:hover{
	z-index:25;
	/* background-color:#ff6 ; */
    border-bottom: 0px ;
}

a.tooltip span{
	display: none ;
}


a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.2em; 
    left:-2em; 
    padding: 5px;
    border:1px solid #555;
    background-color:#fffacd; 
    color:#555;
    text-align: left;
    text-decoration:none ;
    white-space: nowrap;
}
/* tooltip end */