.grelativedateframe { padding: 1px; }
	
.grelativedateframe .timeline {
    padding-top: 10px;
    padding-bottom: 5px;
}

.grelativedateframe h3 {
	display: block;
    color: #4D4E53;
    float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 200;
    border: 0;
}

.grelativedateframe .date_from_to {
    display: block;
    float: left;
    font-size: 12px;
}

.grelativedateframe ul.controls {
	text-align: right;
}

.grelativedateframe  ul.controls li {
	margin: 0 7px 0 1px;
	font-size: 10px;
	display: inline;
	list-style: none outside;
	line-height: 20px;
}

.grelativedateframe  ul.controls a {
    color: #aaa;
    cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}

.grelativedateframe  ul.controls li.selected a {
	color: #FFFFFF;
    background: #40c740;
	border: 1px solid transparent;
	padding: 2px 5px;
	border-radius: 2px;
	white-space: nowrap;
}

.grelativedateframe  ul.controls li.normal a {
    padding: 2px 5px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.grelativedateframe  ul.controls li.normal a:hover {
    background: #AAAAAA;
    color: white;
    border: 1px solid transparent;
    padding: 2px 5px;
    border-radius: 2px;
    overflow:hidden;
}

.grelativedateframe .toogleGroup {
    float: right; 
    padding-left: 5px;
}

.grelativedateframe .toogleGroup:hover {
    cursor:pointer;
    cursor:hand;
}

.grelativedateframe input {
    text-align: left;
    float: left;
    width: 80px;
    height: 21px;
    line-height: 21px;
    padding-left: 5px;
}
    
.grelativedateframe a.calendaricon {
	background: transparent url(calendar.png) no-repeat 0px 2px;
	width: 16px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 1px;
 }
  
.grelativedateframe a.clearicon {
	background: transparent url(eraser.png) no-repeat 0px 2px;
	width: 17px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	float: left;
	margin-top: 1px;
 }
 
.grelativedateframe a.saveicon {
    background: transparent url(save.png) no-repeat 0px 2px;
    width: 17px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    float: left;
    margin-top: 1px;
    margin-left: 5px;
}

.grelativedateframe a.date_link {
    text-decoration:none;
}

.grelativedateframe #pager {
	float: right;
	margin-right: 5px;
}

.grelativedateframe ol#pagination {}
.grelativedateframe ol#pagination li {
        display:inline-block;
        width:16px;
        height:16px;
        background:url(bg_buttons.png) no-repeat 0 0;
        text-align:left;
        text-indent:-8000px;
        list-style:none;
        cursor:pointer;
        margin:0 2px;
}

.grelativedateframe ol#pagination li:hover {
	background:url(bg_buttons.png) no-repeat 0 -16px;
}

.grelativedateframe ol#pagination li.current {
	color:#f00;
	font-weight:bold;
	background:url(bg_buttons.png) no-repeat 0 -32px;
}

.grelativedateframe ol#pagination li.prev, ol#pagination li.next {
        position:absolute;
        top:-150px;
}

.grelativedateframe ol#pagination li.prev {
	left:-30px;
	background:url(bg_buttons.png) no-repeat 0 -64px;
}

.grelativedateframe ol#pagination li.next {
	right:-30px;
	background:url(bg_buttons.png) no-repeat 0 -48px;
}