/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of 
olay-bg.com and may not be reproduced. 
------------------------------------------------------------------*/

/* olay-bg.com Main stylesheet created by avioli Sep.2007
------------------------------------------------------------------*/

/* Browsers' main wrapper
------------------------------------------------------------------*/
#wrap { margin: 0 auto; }
.fixed { width: 900px; }
	
/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
ul, li { list-style-type: none; }
body {
	color: #808080;
	background: url('images/bgtop.gif') repeat-x center top #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	line-height: 1.1em;
	padding-bottom: 3em;
}
body.links {
	line-height: 1.3em;
}
hr {
	clear: both;
	border: none;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.clear { clear: both; }
.centered, p.centered { text-align: center; }
.right {
	text-align: right;
	padding-right: 0.5em;
}
.right-float {
	float: right;
	padding-right: 0.5em;
}
img { border: 0; }
.copyright, .copy, .date {
	color: #999;
	font-size: 10px;
}
.line {
	clear: both;
	width: 70%;
	border-bottom: 2px solid;
	height: 10px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 15%;
}
.title {
	padding: 0.5em 0;
	font-size: 1.5em;
	line-height: 1em;
}
.hid { display: none; }
/* special text colors -------------------------------------------*/
.white {color: #fff;}
.red {color: #f00;}
.dorange {color: #ff9223;}
.orange {color: #ffb34b;}
.dpink {color: #d5305c;}
.pink {color: #e1507e;}
.dblue {color: #2448c7;}
.blue {color: #4169d6;}
.dgreen {color: #5d972c;}
.green {color: #7eb14b;}
.grey {color: #808080;}
.black {color: #000;}
/* special background colors -------------------------------------*/
.blub {background-color: #b1c7e7;}
.yelb {background-color: #fde4a3;}
.pinb {background-color: #cfaab6;}
.purb {background-color: #b8b8f1;}
.blackb {background-color: #000;}
.whiteb {background-color: #fff;}
.transpb {background-color: transparent;}
/* html { min-height: 100%; margin-bottom: 1px; } */
/* img, div { behavior: url(iepngfix.htc) } */

/* Links
------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color: #808080;
	outline: none;
}
a:active { outline: none; }
a.visibleLinks,
a:hover { text-decoration: underline; }

/* Header
------------------------------------------------------------------*/  
#header {
	height: 120px;
	background: url('images/olaybg.gif') no-repeat center center;
} 
#header h1 {
	text-indent: -9999px;
	height: 1px;
	display: block;
}

/* Content
------------------------------------------------------------------*/  
#content td {
	width: 180px;
	background-repeat: repeat-y;
	background-position: top left;
	text-align: center;
	vertical-align: top;
	background-image: url('images/itmbg.png');
}
#content .btm {
	height: 25px;
	background: url('images/itmbtm.png') no-repeat bottom left;
}
#content p { padding: 0 15px; }
#content .title { margin-bottom: 0.2em; }
#content .weight {
	margin-bottom: 1em;
	font-style: italic;
}
input.border {
	border: 1px solid #808080;
	background-color: transparent;
	text-align: center;
}
input.button {
	margin: 0.2em 0;
	border: 2px solid #555;
	background-color: #ccc;
}
/* Common window used in most cases
------------------------------------------------------------------*/  
.win { float: left; }
.win tbody { padding: 0.5em 2em; }
.win input {
	border: 1px solid #808080;
	background-color: transparent;
	color: #555;
	padding-left: 5px;
	width: 250px;
}
.win tr { height: 3em; }
.win label { font-size: 1.1em; }
.win tr.section { background-color: #fde4a3; }
.win em { color: #f00; }
.win input.dis { color: #aaa; }
/* those are used also in links */
.winmid {
	padding: 0 20px;
	width: 860px;
	background: url('images/dsmid.png') top left repeat-y;
}
.winmid h1 {
	padding: 0.5em 1em;
	color: #666;
	margin: 0 -14px 0.5em;
	background-color: #fde4a3;
}
.winmid b { color: #666; }
.wintop {
	padding-top: 18px;
	width: 900px;
	background: url('images/dstop.png') top left no-repeat;
}
.winbtm {
	padding-bottom: 26px;
	width: 900px;
	background: url('images/dsbtm.png') bottom left no-repeat;
}
.info {
	padding: 1em;
	border: 5px solid #fde4a3;
}
.info .title { margin-bottom: 0; }
.info p { padding: 0.5em 0; }
.pr { padding-bottom: 1em; }
.pr tr { height: 1.5em; }
.pr td { padding: 0.2em; }
.pr thead, .pr tr.hl { background-color: #fde4a3; }
.pr thead td { border-bottom: 1px solid #666; }
.pr td.total { border-top: 1px solid #666; }
#totals { font-size: 1.2em; }
	
/* Calendar
------------------------------------------------------------------*/  
.cal {
	background: #fdf4b3;
	padding: 0 1em;
}
.calendar {
	width: 100%;
	padding-bottom: 1em;
}
.calendar th { background-color: #fde4a3; }
.calendar td { text-align: center; }
.calendar .selected {
	background-color: #fde4a3;
	font-weight: bold;
}
.time { width: 100%; }