/*
controls.css

pods skin
tim sheiner & christie rixford
*/

.control {
	display: block;
	position: relative;
}

legend.title {
	position: absolute;
	left: 20px;
}

legend a {
	cursor:pointer;
}

.group {
	margin:10px 10px 0;
	padding-left: 10px;
}

.group legend {
	padding-bottom:10px;
	margin-left: -10px;
}

.group legend.label {
	margin-left:0;
}

.error>input[type=text],
.error>input[type=password],
.error>input[type=file],
.error>textArea,
.error>select {
	margin-bottom: 0;
	background: #E65C56;
	color:white;
}

.message.warning {
	display: none;
}

.error>.message.warning {
	display: block;
	padding-left: 20px;
	background-image: url(images/message_icons_sprite.png);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	clear: left;
}

.error.body>.message.warning {
	margin:10px;
}

.panel.inlay.filter .error > .message.warning {
	max-width:200px;
	white-space:normal;
}

.control.inline {
	width: auto;
	display:inline-block;
	white-space:nowrap;
	margin-bottom: 0;
}

.control.inline>input,
.control.inline>select {
	width: auto;
	margin-left: 5px;
	margin-top: 0;
}

.control.inline .launcher,
.launcher.inline {
	display:inline;
}


.control.radio.complex,
.control.checkBox.complex {
/* used to display a .groupBox within .control */
	display: block;
	height: 100%;
}

.input,
.select,
.textArea,
.picker input,
.browser {
	width:97%
}

.control,
.picker input {
	margin-bottom: 12px;
} 


.input input,
.picker input,
.input select,
select,
.textArea textarea,
.control.browser input {
	display: inherit;
	margin-top:6px;
	width:99%;
}

select  {
	width:100%;
}

.input input,
.picker input {
	padding:2px 3px;
}

.textArea textarea {
	padding-left:3px;
}

.list .control>.wrap {
    border-width: 0;
}

.control.picker {
	padding-right:16px;
	white-space:nowrap;
}

.picker .wrap {
	display: block;
}

.picker input {
	display: inline;
	width: 90% !important;
}

.panel .picker .wrap {
	background-color: transparent;
	border: none;
}

.textArea textarea  {
	min-height:70px;
	resize:none;
}


.textArea.taller textarea,
.select.taller select {
	height:7.5em;
}


input[type="text"],
input[type="password"],
textarea,
.control.select.multiple>select,
.control.combo>select.button {
	border-style: solid;
	border-width: 1px;
	border-top-color: #848484;
	border-left-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #e1e1e1;
	background-image: url(images/input_bkgd.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.label {
	margin-bottom: .5em;
}

input[readonly],
textarea[readonly] {
	border:none;
	display: inline;
	background-image: none;
	background-color: transparent;
	overflow: auto; 
}

.hint {
	margin:5px 0;
	display: block;
}


input + label {
	display:inline;
}

.checkBox,
.radio {
	margin-bottom: 4px;
}

.control.browser>.wrap {
	display: block;
}

.control.browser input {
	/* makes browse button appear inline with input */
	/* width: 60%; */
}

.control.browser .button.action {
	display: inline;
	float: right;
	margin-top: 8px;
}

.control.inline.browser input {
	width: 100%;
}

.list.locations .control.browser {
	margin: 0 10px 0 20px;
	width: auto;
}

.control.checkBox,
.control.radio {
	white-space: normal;
}

.checkBox .wrap,
.radio .wrap {
	margin-left:20px;
	display: inline;
}

.control [type="checkbox"],
.control [type="radio"] {
	left:0;
	top:0;
	margin: 1px 0;
	position: absolute;
}

.checkBox input,
.radio input {
	width:auto !important;
}


/* iPads (portrait and landscape) */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	.checkBox input {
		width:18px !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.control.checkBox {
		line-height:18px
	}
}

.inputSet {
	margin:0;
}

.inputSet .leaf {
	overflow: hidden;
	padding: 2px 0;
}

.inputSet input[type="file"] {
	display: block;
}

.list .launcher {
	display: inline;
	margin:0;
}

.pane .multi-select {
	position:absolute;
	bottom:30px;
	top:0;
}

.launcher {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
}

.launcher[disabled],
.launcher[disabled]:hover,
.launcher[disabled]:active {
	cursor: default;
	color:#999;
	text-decoration: none;
}

.radio input[type="file"] {
	margin:5px 20px 10px;
}


/* .control.pickWells */

.control.pickWells {
	height: 120px;
	min-width: 400px !important;
}

.control.select.error>select,
.control.pickWells>.control.select.error>select {
	top:30px;
}

.control.pickWells>.control.select,
.control.pickWells>.control.combo {
	position: absolute;
	top:0;
	bottom: 0;
	width: auto;
	margin: 0;
}

.control.pickWells>.control.select>select {
	position: absolute;
	top:15px;
	bottom: 0;
}


.control.pickWells>.availableValues {
	left:0;
	right: 50%;
}

.control.pickWells>.availableValues>select {
	bottom:0;
	position:absolute;
	top:40px;
}

.control.pickWells>.control.select.selectedValues {
	left:51%;
	right: 0;
}

.control.pickWells>.control.select.selectedValues>select {

}


/* .control.combo */

.control.combo {
	padding-right: 2px;
}

.control.combo>.wrap {
	display:block;
	margin-bottom: 5px;
}

.control.combo>.control.searchLockup,
.control.combo>select {
	width:100%;
}


/* .path */

.control.path .step,
.control.path .label {
	margin:0 0.4em 0 0;
	float:left;
}

.control.path .step {
	background: url(images/lists_sprite.png) -14px -347px no-repeat;
	cursor: pointer;
	padding-left:10px;
}

.control.path .step .wrap {
	padding:0 5px;
	line-height:normal;
}

.control.path .step .wrap.over,
.control.path .step .wrap.pressed {
	text-decoration:underline;
	background-color: transparent;
}


.control.path .step.first {
	background: none;
	padding-left: none;
}

.control.path .label,
.control.path .step.last,
.control.path .step.last .wrap.over,
.control.path .step.last .wrap.pressed {
	text-decoration: none;
	cursor: default;
}

	
/* .tabSet */

.control.tabSet .label {
	border: none;
}

.tabSet .button {
	float: left;
	margin-bottom: 0;
}

.tabSet.buttons .button {
	text-decoration: none;
}

.tabSet.horizontal .label {
	float: left;
	top:0;
	margin-right: 0;
	padding-right: 0;
	border-right:none;
}

.tabSet.horizontal.text {
	margin-bottom:20px;
}

.tabSet.horizontal.text>.tab {
	border-right: 1px solid #999;
}

.tabSet.horizontal.text>.tab.last {
	border-right: none;
}

.tabSet.horizontal.text>.tab>.wrap {
	background: none;
	margin-bottom:0;
}

.tabSet.horizontal.text>.tab>.wrap.over,
.tabSet.horizontal.text>.tab>.wrap.pressed {
	background-color: transparent;
	text-decoration: underline;
}

.tabSet.horizontal.text>.tab.selected>.wrap.over,
.tabSet.horizontal.text>.tab.selected>.wrap.pressed {
	text-decoration: none;
}

.tabSet.text>.label>.wrap {
	padding:0 5px 0 0;
}

.toolbar .tab.mode,
.toolbar .tabSet.text {
	margin: 6px 1em 0 1em;
}

.tabSet .selected .button.wrap {
	cursor: default;
}


/* .tabSet.vertical.buttons */

.tabSet.vertical.buttons {
	float:left;
	min-width: 125px;
	margin-right: 20px;
}

.tabSet.vertical.buttons .tab {  
	margin: 0;
}

.tabSet.vertical.buttons .button { 
	border-bottom:1px solid #ffffff;
	padding: 0 15px 0 0;   
	text-align: center; 
	width:100%;
}

.tabSet.vertical.buttons .button .wrap {
	padding: 0 0 0 15px; 
	line-height: 28px;
	height: 28px;
}


/* sprite positions */

.tabSet.vertical.buttons .first .button {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.tabSet.vertical.buttons .first .button .wrap {}

.tabSet.vertical.buttons .button {
	background: -webkit-gradient(linear, left top, left bottom, from(#3fb8fa), to(#2881bb));
	background: -moz-linear-gradient(top,#3fb8fa,#2881bb);
}

.tabSet.vertical.buttons .button .wrap {}

.tabSet.vertical.buttons .last .button {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.tabSet.vertical.buttons .last .button .wrap {}


/* sprite positions .tabSet.vertical.buttons.over */

.tabSet.vertical.buttons .selected.first .button,
.tabSet.vertical.buttons .selected.first .button.over,
.tabSet.vertical.buttons .selected.first .button.pressed,
.tabSet.vertical.buttons .first .button.over {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tabSet.vertical.buttons .selected.first .button .wrap,
.tabSet.vertical.buttons .selected.first .button.over .wrap,
.tabSet.vertical.buttons .selected.first .button.pressed .wrap,
.tabSet.vertical.buttons .first .button.over .wrap {
}

.tabSet.vertical.buttons .selected .button,
.tabSet.vertical.buttons .selected .button.over,
.tabSet.vertical.buttons .selected .button.pressed,
.tabSet.vertical.buttons .button.over {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tabSet.vertical.buttons .selected .button .wrap,
.tabSet.vertical.buttons .selected .button.over .wrap,
.tabSet.vertical.buttons .selected .button.pressed .wrap,
.tabSet.vertical.buttons .button.over .wrap {
}

.tabSet.vertical.buttons .selected.last .button,
.tabSet.vertical.buttons .selected.last .button.over,
.tabSet.vertical.buttons .selected.last .button.pressed,
.tabSet.vertical.buttons .last .button.over {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tabSet.vertical.buttons .selected.last .button .wrap,
.tabSet.vertical.buttons .selected.last .button.over .wrap,
.tabSet.vertical.buttons .selected.last .button.pressed .wrap,
.tabSet.vertical.buttons .last .button.over .wrap {}


/* sprite positions .tabSet.vertical.buttons.pressed */

.tabSet.vertical.buttons .first .button.pressed {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-box-shadow: inset 0px 3px 3px #4f4f4f;
	-webkit-box-shadow: inset 0px 3px 3px #4f4f4f;
	box-shadow: inset 0px 3px 3px #4f4f4f;
}
.tabSet.vertical.buttons .first .button.pressed .wrap {}


/* .tabSet.vertical.buttons .button.up.pressed, */
.tabSet.vertical.buttons .button.pressed  {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-box-shadow: inset 0px 3px 3px #4f4f4f;
	-webkit-box-shadow: inset 0px 3px 3px #4f4f4f;
	box-shadow: inset 0px 3px 3px #4f4f4f;
}


/* .tabSet.vertical.buttons .button.up.pressed .wrap */
.tabSet.vertical.buttons .button.pressed .wrap {}


.tabSet.vertical.buttons .last .button.pressed {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdc457), to(#ff720a));
	background: -moz-linear-gradient(top,#fdc457,#ff720a);
	-moz-box-shadow: inset 0px 3px 3px #4f4f4f;
	-webkit-box-shadow: inset 0px 3px 3px #4f4f4f;
	box-shadow: inset 0px 3px 3px #4f4f4f;
}

.tabSet.vertical.buttons .last .button.pressed .wrap {}

.tabSet.vertical.buttons .button {
	display: block;
	float:none;
}


/* .tabSet.horizontal.buttons */

.tabSet.horizontal.buttons li {
	border-right: none;
}

.tabSet.horizontal.buttons {
	float:left;
	z-index: 10;
	position: relative;
	background-color:#eee;
	background-image: url("images/tabs_horizontal_buttons_bkgd.png");
	background-repeat: repeat-x;
	background-position: left top;
	height:25px;
	padding:0px 20px 7px;
	margin-bottom: 0;
}

.tabs>.tabSet.horizontal.buttons {
	float:none;
}

.tabSet.horizontal.buttons li {  
	margin: 0;
	border: none;
	padding:0;
	height:27px;
}

.tabSet.horizontal.buttons .button { 
	padding: 0 15px 0 0;   
	text-align: center; 
	border-right:1px solid transparent;
 	border-bottom:1px solid transparent;
	border-left:1px solid transparent;
}

.tabSet.horizontal.buttons .selected .button { 
  margin-top: 0;
}

.tabSet.horizontal.buttons .selected .button>.wrap { 
  line-height: 27px;
  height: 27px;
}

.tabSet.horizontal.buttons .button .wrap {
  padding: 0 0 0 15px; 
  line-height: 26px;
  height: 26px;
}


/* sprite positions */
/* sprite positions .tabSet.horizontal.buttons. .selected */

.tabSet.horizontal.buttons>.tab.selected>.button,
.tabSet.horizontal.buttons>.tab.selected>.button.over,
.tabSet.horizontal.buttons>.tab.selected>.button.pressed {
	background-color:#fff;
 	border-top:none;
 	border-right:1px solid #b5b5b5;
 	border-bottom:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;	
	-moz-box-shadow: 2px 2px 3px #c5c5c5;
	-webkit-box-shadow: 2px 2px 3px #c5c5c5;
	box-shadow: 2px 2px 3px #c5c5c5;
	cursor:default;
}

.tabSet.horizontal.buttons>.tab.first.selected>.button.over,
.tabSet.horizontal.buttons>.tab.last.selected>.button.over {
	background: none repeat scroll 0 0 #ffffff;
}


/* sprite positions .tabSet.horizontal.buttons .over */

.tabSet.horizontal.buttons .button.over {
	background: -webkit-gradient(linear, left top, left bottom, from(#fba82a), to(#fb7b24));
	background: -moz-linear-gradient(top,#fba82a,#fb7b24);
 	border-top:none;
 	border-right:1px solid #b5b5b5;
 	border-bottom:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;	
	-moz-box-shadow: 2px 2px 3px #c5c5c5;
	-webkit-box-shadow: 2px 2px 3px #c5c5c5;
	box-shadow: 2px 2px 3px #c5c5c5;
}


/* sprite positions .tabSet.horizontal.buttons .pressed */

.tabSet.horizontal.buttons .button.pressed {
	background-color:#e46720;
 	border-top:none;
 	border-right:1px solid #b5b5b5;
 	border-bottom:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
 	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	-moz-box-shadow: 2px 2px 3px #c5c5c5;
	-webkit-box-shadow: 2px 2px 3px #c5c5c5;
	box-shadow: 2px 2px 3px #c5c5c5;
}


/* search lockups */

.searchLockup {
	position:relative;
	height: auto;
	display: inline-block;
	white-space: nowrap;
	min-width: 130px;
	margin:0;
}

.searchLockup>label {
	display:block;
	margin-bottom:5px;
}

.control.searchLockup>.wrap {
	left:0 !important;
	padding-right:60px;
	padding-left:6px;
	
}

.control.searchLockup>.wrap>input[type=text] {
	-moz-border-radius: 12px;
 	-webkit-border-radius: 12px;
 	border-radius: 12px;
	-moz-box-shadow: 0px 2px 1px #2E2D30 inset;
	-webkit-box-shadow: 0px 2px 1px #2E2D30 inset;
	box-shadow: 0px 2px 1px #2E2D30 inset;
	background-image:none;
  	background-repeat:no-repeat;
	border-style: solid;
	border-width: 1px;
	border-top: none;
	padding:0 10px;
	display: inline-block;
	height:20px;
	width:100%;
}

#globalSearch.control.searchLockup>.wrap>input[type=text] {
	border:none;
	height:24px;
}


#secondarySearchBox.control.searchLockup>.wrap>input[type=text] {
	padding-top:0;
	padding-bottom:0;
}

.control.searchLockup>.right {
	position:absolute;
	right:38px;
	display:inline-block;
	width: 22px;
}

.control.searchLockup>.button.search {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	text-indent: -9999px;
}

#secondarySearchBox.control.searchLockup>.button.search {
	top: -1px;
	top: 0px\9; /* ie only */
}

.button.searchClear {
	height:15px;
	width:15px;
	top:-17px;
	background-image: url(images/search_sprite.png);
	background-repeat: no-repeat;
	background-position: -185px -165px;
	display: none;
	position: absolute;
	margin:0;
	text-indent: -9999px;
}

.button.searchClear.up {
	background-position: 0px -165px;
	display: block;
}

.button.searchClear.over{
	background-position: -64px -165px;
}

.button.searchClear.pressed {
	background-position: -132px -165px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only */
	.searchLockup>.wrap {
		top:-2px;
	}	
}

.header>.searchLockup {
	position:relative;
	top:1px;
}


/* Grouping Controls */
/* .panel.groupBox */
/* .groupBox */

.groupBox.scrollable {
	bottom:15px;
	left:15px;
	position:absolute;
	right:16px;
	top:18px;
}

.groupBox.scrollable > .content {
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:-13px;
}

.groupBox.scrollable > .content > .body {
	border-bottom:1px solid #F0F0F0;
	border-top:1px solid #F0F0F0;
	bottom:10px;
	padding:0;
	position:absolute;
	top:25px;
}

.groupBox {
	float: left;
	margin:2px 8px 8px 2px; /* moves visual top and left to actual */
	position: relative;
	border:1px solid #d4d5d5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.groupBox .groupBox {
	background-image: url(images/panel_inset_inset_bkgd.png);
	width: 100%;
	margin-bottom:15px;
}

.groupBox>.corner {
	display:none;
}

.groupBox>.edge.rl {
	display:none;
}

.groupBox>.edge.tb {
	display:none;	
}

.groupBox>.corner.top {
	display:none;
}

.groupBox>.corner.bottom {
	display:none;
}

.groupBox>.corner.left {
	display:none;
}

.groupBox>.corner.right {
	display:none;
}

.groupBox>.edge.rl.left {
	display:none;
}

.groupBox>.edge.rl.right {
	display:none;
}

.groupBox>.edge.tb.top {
	display:none;
}

.groupBox>.edge.tb.bottom {
	display:none;
}

.groupBox>.content {
/* set coordinates to visual (0,0,0,0) of .column.decorated background,
   as this object used as reference for positioning
   child objects */
	left:-1px;
	margin-right:0px;
	position:relative;
	top:0px;
}

.groupBox .body {
	position: relative;
	overflow:auto;
	padding:10px 10px;
}

.groupBox>.content>.header,
.groupBox>.content>.footer {
	display: none;
}

.groupBox.fillParent {
	float:none;
}


/* #sortMode */

#sortMode {
    position:absolute;
    right:1em;
    top:11px;
}


/* .control.paging */

.control.paging {
	float: left;
}

.control.paging .input {
	top:-9px;
	margin:0 4px;
}

.control.paging input {
	width: 30px;
}

.control.paging .button {
	margin-bottom: 0;
	border:1px solid #a4a2a2;
}

/*
______________________________________________________________ 

 THIRD PARTY CONTROLS
______________________________________________________________ 


/* dynarch calendar
http://www.dynarch.com/projects/calendar/old/
-------------------------------------------------------------- */

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #ccc;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  border-left: 2px solid #ccc;
  background-color: #ddd;
  z-index: 9999;
}

.calendar table {
  border-top: 1px solid #333;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #333;
  font-size: 11px;
  color: #666;
  cursor: default;
  background: #fff;
  font-family: tahoma,verdana,sans-serif;
  border-collapse: separate;
}

.calendar td,
.calendar th {
	border: 1px solid transparent;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  text-align: center;
}

.calendar td {
	 padding: 3px;
	 /* border: 2px solid transparent; */
}

.calendar .ttip,
.calendar thead .title,
.calendar thead .button {
	background-color: #217EB5;
	color:#fff;
}

.calendar thead .headrow td,
.calendar tr.time td {
	background-color: #4698BE;
	color:#fff;
}

.calendar thead .daynames td,
.calendar td.day.wn {
	color:#333;
	border-color: #ccc;
	border-width: 0;
	border-bottom-style: solid;
}

.calendar thead .daynames td {
	border-bottom-width:1px;
}

.calendar td.day.wn,
.calendar td.name.wn {
	border-right-width: 1px;
}


.calendar thead .name { /* Cells <TD> containing the day names */
  text-align: center;
}

.calendar thead .weekend { /* How a weekend day name shows in header */

}

.calendar thead .hilite,
.calendar td.time span.hilite {
  background-color: #999;
  color: #fff;
}


.calendar thead .active,
.calendar td.time span.active {
  background-color: #0061A2;
  color: #fff;
}


/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
}

.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite,
.calendar .combo .hilite { /* Hovered cells <TD> */
	background-color: #efefef;
}

.calendar tbody td.active,
.calendar .combo .active { /* Active (pressed) cells <TD> */
	background-color: #999;
	color:#fff;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  background: #217EB5;
  color: #fff;
}

.calendar tbody td.weekend,
.calendar .name.day.weekend { /* Cells showing weekend days */
  font-style: italic;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #333;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	background:none repeat scroll 0 0 #fff;
	border-bottom: 2px solid #333;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 2px solid #333;
	cursor:default;
	display:none;
	font-size:90%;
	left:0;
	padding:1px;
	position:absolute;
	top:0;
	width:4em;
	z-index:100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
	padding:1px;
	text-align:center;
}
.calendar .combo .label-IEfix {
	width:4em;
}

.calendar td.time {
	text-align: center;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 2px;
	font-weight: bold;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	background-color: #999;
	color: #fff;
}

.calendar td.time span.active {
	background-color: #0061A2;
	color: #fff;
}

/*
______________________________________________________________

 FIREFOX STYLES
______________________________________________________________

*/

/* the styles below target ONLY firefox. implemented in v4.2 due to FF 3.5 lack of gradient support */
@-moz-document url-prefix() {

	.tabSet.vertical.buttons .button { 
		background-image: url(images/tabs_vertical_sprite.png);
		background-position: left -57px;
		border-top:none;
		border-bottom:none;
	}
	
	.tabSet.vertical.buttons .selected.first .button,
	.tabSet.vertical.buttons .selected.first .button.over,
	.tabSet.vertical.buttons .selected.first .button.pressed,
	.tabSet.vertical.buttons .selected .button,
	.tabSet.vertical.buttons .selected .button.over,
	.tabSet.vertical.buttons .selected .button.pressed,
	.tabSet.vertical.buttons .selected.last .button,
	.tabSet.vertical.buttons .selected.last .button.over,
	.tabSet.vertical.buttons .selected.last .button.pressed,
	.tabSet.vertical.buttons .first .button.over,
	.tabSet.vertical.buttons .button.over,
	.tabSet.vertical.buttons .last .button.over	 { 
		background-image: url(images/tabs_vertical_sprite.png);
		background-position: left -406px;
	}

	.tabSet.vertical.buttons .first .button.pressed,
	.tabSet.vertical.buttons .button.pressed,
	.tabSet.vertical.buttons .last .button.pressed { 
		background-image: url(images/tabs_vertical_sprite.png);
		background-position: left -753px;
	}
	
	.tabSet.vertical.buttons .button .wrap,
	.tabSet.vertical.buttons .selected.first .button .wrap,
	.tabSet.vertical.buttons .selected.first .button.over .wrap,
	.tabSet.vertical.buttons .selected.first .button.pressed .wrap,
	.tabSet.vertical.buttons .first .button.over .wrap,	
	.tabSet.vertical.buttons .selected .button .wrap,
	.tabSet.vertical.buttons .selected .button.over .wrap,
	.tabSet.vertical.buttons .selected .button.pressed .wrap,
	.tabSet.vertical.buttons .button.over .wrap,
	.tabSet.vertical.buttons .selected.last .button .wrap,
	.tabSet.vertical.buttons .selected.last .button.over .wrap,
	.tabSet.vertical.buttons .selected.last .button.pressed .wrap,
	.tabSet.vertical.buttons .last .button.over .wrap,
	.tabSet.vertical.buttons .first .button.pressed .wrap,
	.tabSet.vertical.buttons .button.pressed .wrap,
	.tabSet.vertical.buttons .last .button.pressed .wrap {
		background:none; 
		border-top:none;
	}
	
	#globalSearch.control.searchLockup>.wrap>input[type=text] {
		height:16px;
		padding-top:6px;
		padding-bottom:3px
	}
	
	#secondarySearchBox.control.searchLockup>.wrap>input[type=text] {
		height:16px;
		padding-top:4px;
		padding-bottom:0;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.control.searchLockup>.wrap>input[type=text] {
	 	-webkit-border-radius: 4px;
	}
}