/* This is the default css file for datewheel */

body,td,a,div,.p{font-family:arial,sans-serif;color:#000000}
div,td{color:#000000}
a:link,.w,.w a:link{color:#0000cc}
a:visited{color:#551a8b}
a:active{color:#ff0000}
/* fixes IE7 bug for centering block level elements */
/* not going to use right now
body {text-align: center;} */

td
{
	vertical-align: top;
}

/* top label for text box */
.boxlabel
{
	color:#ffffff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	vertical-align: bottom;
}

.infotable
{
	border-collapse: collapse;
	width: 300px;
}
.footerlinks
{
	font-size: 12px;
	vertical-align: bottom;
/*	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #364366;  */
	background-color: #ffffff;
	text-align:center;
}

.description
{
/*	width:280px; */
	font-size: 14px; 
	color: #364366;
/*	vertical-align: bottom; */
/*	border-top-style: solid;
	border-top-width: thin;  */
/*	border-top: thin solid #6a83c8; */
	border-left: 1px solid #6a83c8;
	border-right: 1px solid #6a83c8;
	border-bottom: 1px solid #6a83c8;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	text-align:left;
	height: 175px;
	background-image: url(gradientbkgrd175.jpg); 
	background-repeat: repeat;
}
.aboutheader
{
/*	width: 300px;  */
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	vertical-align:bottom; 
	border-top: solid thin #364366;
/*	border-bottom: solid thin #364366; */
	background-image: url(titlebox.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 30px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-right: 0px;
	border-left: 0px;
}

/* calls out the style for the date text under the textboxes, but it doesn't work!! Actually don't need this use: gwt-Label*/
.datefootertext
{
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: bottom;
}

/* this is the table for the whole DW part, incl footer links */
.main
{
/*	border-top: 5px;  */
/*	border-top-color: #293a47; */
/*	border-top-style: solid;  */
/*	border: 1px;  */
/*	border-style: solid; */
}

/* this is the table & cell for the DW calc content section only */ 
.content
{
	width: 250px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
/*	border: 1px; */
/*	border-style: solid; */
/*	border-color: pink; */
/*	border-collapse: separate; */
/*	border-spacing: 1px 10px; */
}

.calculator
{
	width:300px;
	height:615px;
	text-align:center;
	background-image: url(DWreflect.jpg); 
	background-repeat: no-repeat;
/*	border: 1px;  */
/*	border-style: solid;	*/
}

/* this is the style for each table for each section: start, duration, end */
.boxes
{	
/*	border: 1px; */
/*	border-style: solid; */
	width: 100%; 
	text-align: center;
}

/* this is the old style for the arrow buttons on the side */
.sidebuttons
{
	height: 20px;
	font-size: 10px;
	width: auto;
}

.topspace
{
	height: 70px;
}

.bottomspace
{
	height: 200px;
}
.middlespace
{
	height: 10px;
}
.spacer1
{
	width: 5px;
	border: 0px;
}

.spacer2
{
	width: 1px;
	border: 0px;
}

.spacer3
{
	width: 10px;
	border: 0px;
}

.today
{
	background-image: url(todaycal.jpg);
	background-repeat: no-repeat;
}

.lockedUp
{
	background-image: url(locked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.lockedDown
{
	background-image: url(locked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.lockedUpOver
{
	background-image: url(locked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.lockedDownOver
{
	background-image: url(locked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.unlockedUp
{
	background-image: url(unlocked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.unlockedDown
{
	background-image: url(unlocked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.unlockedUpOver
{
	background-image: url(unlocked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.unlockedDownOver
{
	background-image: url(unlocked-25x18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:28px;
}

.rightarrowUp
{
	background-image: url(right37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.rightarrowDown
{
	background-image: url(rightdown37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.rightarrowUpOver
{
	background-image: url(rightstar37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.rightarrowDownOver
{
	background-image: url(rightdown37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.longrightarrowUp
{
	background-image: url(longright43x24.png);
	background-repeat: no-repeat;
/*	background-position: center center; */
	width:43px;
	height:24px;
	margin-top: -2px;
}

.longrightarrowDown
{
	background-image: url(longrightdown43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;	
}

.longrightarrowUpOver
{
	background-image: url(longrightstar43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

.longrightarrowDownOver
{
	background-image: url(longrightdown43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

.leftarrowUp
{
	background-image: url(left37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.leftarrowDown
{
	background-image: url(leftdown37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.leftarrowUpOver
{
	background-image: url(leftstar37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.leftarrowDownOver
{
	background-image: url(leftdown37x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:28px;
	height:20px;
}

.longleftarrowUp
{
	background-image: url(longleft43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

.longleftarrowDown
{
	background-image: url(longleftdown43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

.longleftarrowUpOver
{
	background-image: url(longleftstar43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

.longleftarrowDownOver
{
	background-image: url(longleftdown43x24.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:43px;
	height:24px;
	margin-top: -2px;
}

 .gwt-TextBox  
{
	color:#000000;
	border-style: inset; 
/*	border-style: outset; */
	border-color:#000000;
	text-align:right;
	height:auto;
/*	width:76px; */
	width:89px;
}

.gwt-CheckBox 
{ 
	color:#000000;
}

.gwt-TabBar 
{ 
	font-size:14px;
	height:24px;
/*	text-align:center; */
	width:100px;
}

/* the left edge of the bar */
.gwt-TabBar .gwt-TabBarFirst 
{ 
/*	background-color:#00CCCC; */
}

/* the right edge of the bar */
.gwt-TabBar .gwt-TabBarRest 
{
/*	background-color:#CC00CC; */
}

/* unselected tabs */
.gwt-TabBar .gwt-TabBarItem 
{
	color:#000000;
	background-image: url(dkbluegradient24.jpg);
	background-repeat: repeat;
	width:auto;
/*	background-color:#009999; */
	border: 1px;
	border-style: solid;
	border-color: #000066;
/*	height: 16px;  */
/*	vertical-align: middle; */
/*	line-height: 20px; */
	padding: 4px;
}

/*additional style for selected tabs*/ 
.gwt-TabBar .gwt-TabBarItem-selected 
{ 
/*	color:#364366; */
	color:#ffffff;
	font-weight:bold;
	background-image: url(dkbluegradient24rev.jpg);
	background-repeat: repeat;
	width:auto;
/*	background-color:#006666; */
	border-top:2px;
	border-bottom:2px;
	border: 1px;
	border-style: solid;
	border-color: #000000;
}

.gwt-Label 
{ 
	font-family:arial,sans-serif;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	vertical-align:top;
}
/* positioning id's and classes to follow */
#toplogo
{
	position: absolute;
	left: 35%; 
/*	margin-left: 125px;
	margin-right: 125px; */
	z-index:15;
}

.topgradient
{
	width:auto;
	height: 100px;
	background-image: url(topbackground.jpg); 
	background-repeat: repeat;
}

#container
{ 
	width: 550px;
	margin: 0 auto;
	text-align: left;
}

#maindevice
{
	position: relative;
	top:0px;
/*	right: 15%; */
/*	margin-left: 125px;
	margin-right: 125px; */
/* auto margins horizontally centers the element using css	*/
/* not going to use at this point...
	margin-left: auto;
	margin-right: auto; */
	z-index:10; 
}

#rightsidebox
{
	position : absolute;
	left : 89%;
	top : 125px;
	width : 140px;
	padding-left : 10px;
	z-index : 3;
	padding : 3px;
}

#leftsidebox
{
	position : absolute;
	top : 125px;
	width : 140px;
	padding-left : 10px;
	z-index : 12;
	padding : 3px;
}

/*#keywords
{
	position: absolute;
	bottom:10px;
	visibility:hidden; 
	color: #ffffff;  
	font-size: 6px;
}*/
#footer 
{

	position: relative;
	top: 0px;
	height:70px; width:450px;
	margin: 0px auto 0px auto;
	text-align:center;
	background:url(footergrad450x70.jpg) no-repeat 50% 0;
}

#footer p
{
	position:relative;
	top: 10px;
	padding: 0px 5px 0 10px;  
	font-size: 12px; color: #adb8bd;
	margin-top: -1px; 
	vertical-align: middle;
}

#footer p a:link{color:#adb8bd}

#footerlogo
{
/*	background-image: url(CAlogo60x33trans.png);
	background-repeat: no-repeat;
	width: 60px; */
	text-align: left;
	vertical-align:-90%;
}

#footerlogo a:visited img {border-style: none;}
#footerlogo a:link img {border-style: none;}

/* these id styles don't seem to do anything except to put the JS object in place */
#startdatebox
{
	text-align: center;

}

#durationbox
{
	text-align: center;
}

#enddatebox
{
	text-align: center;
}

#panelstartdatetext
{
	text-align: center;
}

#enddatetext
{
	text-align: center;
}

#startdatetext
{
	text-align: center;

}

#durationtypes
{

}

#startleftarrow
{
	
}

#startrightarrow
{
	
}

#startlongleftarrow
{
	
}

#startlongrightarrow
{

}

#durationleftarrow
{
	
}

#durationrightarrow
{
	
}

#durationlongleftarrow
{
	
	
}

#durationlongrightarrow
{
	
	
}

#endleftarrow
{
	
	
}

#endrightarrow
{
	
	
	
}

#endlongleftarrow
{
	
}

#endlongrightarrow 
{
	
}

#startdatelock
{
	height: auto;
}

#enddatelock
{
	height: auto;
}

#durationlock
{
	height: auto;
}

#starttodaycheckbox
{

}

#endtodaycheckbox
{

}

.DateListSelector {
  z-index: 99;
  font-family:  "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
  border: 4px solid #f0f0f0; 
  background-color: white;
  width: auto;
	position : absolute;
	top : 180px;
	left : 220px;
}
#DateListSelector
{
	text-align: center;
}