/**
*
* $Id: style.css,v 1.18 2009/12/22 15:10:27 tleen Exp $
*
* Globally included styles for the web application
*
**/


/*
* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:
* http://developer.yahoo.net/yui/license.txt
* version: 2.6.0
*
* From http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* 
* Single elements 
*/

acronym{
	border-bottom:	0; 
} acronym:hover{
	cursor:						pointer;
	text-decoration: 	underline;
}

body{

}

a img{
    border:	0;
}

em{
	font-weight:	bold;
}

form{
    display:	inline;
}

hr{
    border:	none;
    height: 1px;
}

/*
* Utilities
*/

.echo						{ }

.block          { display:	block;}
.hidden         { display:  none;}
.inline         { display:  inline;}

.larger         { font-size:	larger;}
.largest        { font-size:  xx-large;}
.smaller        { font-size:  smaller;}
.smallest       { font-size:  xx-small;}

.indented       { padding-left: 	5px;}
.marginbottom   { margin-bottom:  1.0em; }

.textcenter     { text-align: 	center; }
.textleft       { text-align: 	left; }
.textright      { text-align:   right; }

.clearboth      { clear:	both; }
.clearleft      { clear:  left; }
.clearright     { clear: 	right; }

.linethrough    { text-decoration:  line-through; }
.underline      { text-decoration:  underline; }

.inactive       { text-decoration:  line-through;}

.archived       { text-decoration:  line-through; }
.draft          { font-style:       italic; }
.published      { }

.sale { color: red; }
.onsale{ color: red; font-size: 85%; vertical-align: super; margin-left: 2px;}
/*
* Specific utility elements
*/

a.anonymous{
    color:              inherit;
    text-decoration:    none;     
}

a#home{
	position:		absolute;
	left:				0;
	top:				0;
	z-index:		5;	
}

div.deferred,
div.exempted{
	font-size:			1.1em;
	font-weight:		bold;
	margin:					0.5em 0;
}

div.products h3{
  padding: 0 0.25em;
}

div#wrapper{
        position: relative;
}

img.icon{
    margin:             0 3px;
} a img.icon:hover{
    cursor:             pointer;
}

fieldset label,
fieldset table#prices tr td:first-child{
    width:              120px;
} fieldset label{
    clear:              left;
    display:            block;
    float:              left;  
    margin:             0;
    vertical-align:     top;
    white-space:        nowrap;
}  fieldset label:after,
   fieldset table#prices tr td:first-child{
    content:            ":";
} fieldset label.empty:after{
    content:            "";
} fieldset.short label{
		width:							90px;
} fieldset.long label{
		width:							140px;
} fieldset table th.mandatory{
    font-weight: bold;
} fieldset table#prices{
    margin:     0.5em 0 1.0em 0;
} fieldset table#prices th{
    padding-left: 0.5em;
} fieldset table#prices th:first-child{
    font-weight:  bold;
    padding-left: 0px;
} fieldset table#prices tr td{
    padding-left: 0.5em;
}

form input,
form textarea,
form select{
		border-style:				solid;
		border-width:				1px;
    margin:             1px 0 1px 0;
    padding:            1px 1px 1px 2px;
}

form select option{
		padding-left:				2px;
}

form fieldset label.mandatory{
		font-weight:				bold;
}

form fieldset div.multisubmit{
		clear:							both;
}

form fieldset span.block{
	display:	inline-block;
	width:	60%;
	vertical-align: top;
}

form fieldset img{
		vertical-align:			top;
}

fieldset ol{
		margin-left:				125px;
} fieldset ol li{
		margin:							5px 0;
}

form fieldset ul.checkboxes{
	margin-left:					120px;
} form fieldset ul.checkboxes span.description{
	text-transform:				capitalize;
}

form input.submit{
		margin-top:					10px;
}

form textarea{
	overflow: auto;
}

h1.topic{
  line-height:        1.0em;
  padding-bottom: 0.1em;
} h1.topic a{
  text-decoration: none;
} 


table.generitable a.forthcoming{
	font-weight:	bold;
} table.generitable span.void{
	text-decoration:	line-through;
}

table.products td.discounted,
table.products tr.code td.sum{
	color:				red;
}

table#cart tr.tax td.description{
	text-align:		right;
}

table#receipts{
	margin-top:					1.0em;
} table#receipts td{
	padding-bottom:			0.2em;
	padding-right:			1.5em;
}

ul.embedded,
ul.embedded li{
	display:							inline;
} ul.embedded li{
	margin-left:					0.5em;
} ul.embedded li:first-child{
	margin-left:					0;
}

ul.menu{
	text-transform:				capitalize;
}

/**
* Template items
**/


div#indicator{
 	background-position:    top left;
	background-repeat:      no-repeat;
	height:									16px;
	position:								absolute;
	right:									10px;
	top:										3px;
	width:									16px;	

} 

ul#imagelist img.thumbnail:first-child{
	cursor:		e-resize;
}


/** Interstitial specific **/

div#interstitial{
	float:						left;
  margin:	10px 0;	
  width:	100%;	
}

div#interstitial > div{
  border:         	1px #eee solid;
  background-color:	#000;
	float:						left;
  height:          	15px;
  margin:          	1px; 
  width:           	15px;          
}

div#interstitial > div.highlight{
  background-color:   #eee;    
}

/*** Calendar ***/

.datepickerControl {
	border:								1px solid #999;
	background-color:			#eee;
	padding:							5px;
}

.datepickerControl td {
	text-align:						center;
	font-family:					sans-serif;
	font-size:						11px;
	padding:							1px;
}

.datepickerControl tr.monthLabel td {
	background-color:			#fff;
	border:								1px solid #999;
	font-weight:					bold;
}

.datepickerControl tr.navigation td {
	cursor:								pointer;
}

.datepickerControl tr.navigation td:hover {
	text-decoration:			underline;
}

.datepickerControl tr.dayLabel td {
	border:								1px solid #003366;
	background-color:			#003366;
	color:								#fff;
	font-weight:					bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
	cursor:								pointer;
	background-color:			#fff;
	border:								1px solid #eee;
	width:								2.0em;
}

.datepickerControl td.dayothermonth {
	color:								#999;
	font-style:						italic;
}

.datepickerControl td.day:hover {
	background-color:			#ebe4c0;
} 

.datepickerControl td.weekend {
	background-color:			#ccc;
	font-style:						italic;
}

.datepickerControl td.today {
	font-weight:					bold;
}

.datepickerControl td.hour,
.datepickerControl td.minute,
.datepickerControl td.ampm {
	cursor:								pointer;
	background-color:			#fff;
	border:								1px solid #eee;
	width:								2.0em;
}

.datepickerControl td input,
.datepickerControl td button {
	font-size:						11px;
	padding:							0;
	border:								1px solid #999999;
	text-align:						center;
}

.datepickerControl td.current {
	font-weight:					bold;
}

.datepickerControl .current {
	background-color:			#ebc2c0;
}