/*styles for jquery ui daterangepicker plugin */

/*styles used to display calender */
@font-face {
	font-family: DejaVuSansCondensed;
	src: url("../font/DejaVuSansCondensed.ttf") format("truetype");
	src: local("DejaVuSansCondensed"), 
	url("../font/DejaVuSansCondensed.ttf") format("truetype");
}
#calenderOptions li.first a{color:#3C0;}
#calenderOptions{
background-color:#fff;
border:1px solid #ccc;
border-radius: 5px 5px 5px 5px;
margin-top:220px;
}
#calenderOptions.opened li.first{border-bottom:1px solid #ccc;}
#calenderOptions li.first{border-bottom:none;}
#calenderOptions{margin-bottom:20px;position:absolute;width:228px;z-index:3}
#calenderOptions{width:103px;}
#calenderOptions li{
border-bottom:1px solid #ccc;
padding:0;
background: url("../img/metrixOptionsBg.png") repeat-x 0 0;
line-height:0px;
margin:0px;
}
#calenderOptions li.first{overflow:hidden;}
#calenderOptions li.first a.optionArrow{background-position: -39px 1px; display:inline-block;width:16px;height:12px;float:right;margin:7px;}
#calenderOptions li.first a.optionArrowUp{background-position: -63px 1px; display:inline-block;width:16px;height:12px;float:right;}
#calenderOptions li.last{border:0px;}
#calenderOptions li a{text-decoration:none;color:#333;}
#calenderOptions li a:hover{color:green;}
ul.listBlock{margin:0px;padding:0px;}
ul.listBlock li{margin:0px;padding:0px;list-style: none outside none;}

.axis line, .axis path {
  fill: none;
  stroke: #ccc;
  shape-rendering: crispEdges
  }

.ui-daterangepickercontain {
	position: absolute;
	z-index: 999;
	font: 10px DejaVu Sans Condensed;
}
.ui-daterangepickercontain .ui-daterangepicker {
	float: left;
	padding: 5px !important;
	width: auto;
	display: inline;
	background-image: none !important;
	clear: left;
}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	float: left;
	padding: 0;
	margin: 0;
}
.ui-daterangepicker .ranges {
	width: 370px;
	height:249px;
	position: absolute;
	padding: 5px 5px 40px 0;
	margin-left: 10px;
	font-family:DejaVuSansCondensed;
	
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	margin-left: 5px;
}
.ui-daterangepicker .range-start .ui-datepicker-inline{
padding-right: 10px; border-right:1px solid #ccc; 
}
.ui-daterangepicker button.btnDone {
	background: url('../img/metrixOptionsBg.png') repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
	margin: 23px 15px 15px 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	font-size: 1.1em;
	height:25px;
	width:55px;
	font-weight:bold;
}
.ui-daterangepicker button.btnDone:hover {
	background:#E0E0E0;
	color:#333333;
}
.ui-daterangepicker button.btnCancel {
	background: url('../img/metrixOptionsBg.png') repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
	margin: 23px 79px 15px 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	font-size: 12px;
	height:25px;
	width:55px;
	font-weight:bold;
}
.ui-daterangepicker button.btnCancel:hover {
	background:#E0E0E0;
	color:#333333;
}

.ui-daterangepicker ul {
	width: 17.6em;
	background: none;
	border: 0;
}
.ui-daterangepicker li {
	list-style: none;
	padding: 1px;
	cursor: pointer;
	margin: 1px 0;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
	padding: 0;
}
.ui-daterangepicker li.preset_0 {
	margin-top: 1.5em !important;
}
.ui-daterangepicker .ui-widget-content a {
	text-decoration: none !important;
}
.ui-daterangepicker li a {
	font-weight: normal;
	margin: .3em .5em;
	display: block;
}
.ui-daterangepicker li span {
	float: right;
	margin: .3em .2em;
}
.ui-daterangepicker .title-start{
	
	font-size: 12px;
	/*padding: 0 4px 2px;*/
}
.ui-daterangepicker .title-end {
	
	font-size: 12px;
	/*padding: 0 4px 2px;*/
}
.ui-daterangepicker .start-date-value, .ui-daterangepicker .end-date-value {
	/*margin: 0 0 .2em;*/
	font-size: 12px;
	/*padding: 0 4px 2px;*/
	font-weight:normal;
}

.ui-daterangepicker .title-start-row {
	/*margin: 0 0 .2em;*/
	margin:15px 0 20px 15px;
	/*padding: 0 4px 2px;*/
	display:block;
}

.ui-daterangepicker .title-end-row {
	/*margin: 0 0 .2em;*/
	margin:15px 0px 20px 24px;
	/*padding: 0 4px 2px;*/
	display:block;
}

.ui-daterangepicker .ui-datepicker-inline {
	font-size: 10px;
}
.ui-daterangepicker-arrows {
	padding: 2px;
	width: 204px;
	position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input {
	width: 158px;
	margin: 0 2px 0 20px;
	padding: 2px;
	height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
	position: absolute;
	top: 2px; 
	padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {
	left: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-next {
	right: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
	padding: 0;
}

.calrow {
	width: 1024px;
	margin:0px;	
}

.calico_left {
	float:left;
	position: relative;
	top: -27px;
	left: 30px;
}

.calico_right {
	float:right;
	padding: 0px 100px 0px 0px;
	position: relative;
	top: -27px;
	right: -10px;
}