.recording_items_SelectDate {
	position: fixed;
	top: 60px;
	height: 62px;
	right: 230px;
	width: 200px;
	text-align: center;
	font-size: 22px;
	background: #ffffff;
	z-index: 2;
	font-family: Arial;
	color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	border: none;
	border: 3px solid #20dbd4;
}

#recording_items {
position: static;
width: 100%;
height: 100%;	
overflow-y:scroll;  
top: 60px;
margin-top: 130px;
}

#OpenRecordingMain{
position: fixed;
width: 100%;
height: auto;
	border: 1px solid black;
	background: black;
}

.RecMainCenterVideo {
width: 100%	
}

.RecordingMain {
	float: left;
	margin: 10px;	
	border: 1px solid black;
	width: auto;
	height: auto;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
}

.RecMainCenter1 {
	max-width: 390px;
	max-height: 400px;
	width: 317px;
}

.RecMainTop {
    position: relative;
    top: 0px;
	width: 100%;
}

.OpenRecMainTopTitelClose {
	position: absolute;
	top: 2px;
	right: 10px;
	width: 30px;
}

.OpenRecMainTopTitel {
    font-family: arial;
text-align: center;
	font-size: 16;
	color: white;
}

.RecMainTopTitel {
    font-family: arial;
	text-align: center;
	font-size: 14;
	padding: 5px;
}

.RecMainTopTitelIMG {
position: absolute;
	top: 6px;
	right: 2px;;
	width: 32px;
}


.video {
    position: relative;
    top: 57px;
    left: 40px;
    width: 400px;
}


.RecordingMove1 {
position: fixed;
top: 60px;
right: 10px;
width: 40%;
max-width: 200px;
height:62px;
background:#ffffff;
z-index: 2;
font-family: Arial;
color: #5a566d;
}

.RecmenuIconImg0 {
position: absolute;
}

.RecmenuIconEinzeln {
height:62px;	
}

.menuText {
font-size: 22;
margin-left: 65px;
margin-top: 16px;
}


#ui-datepicker-div {  
	position: fixed;
	background:#c5ccd4 url(../graphics/bg.gif);
	width: auto;
	opacity: 1;
	border-radius:3px 3px 3px 3px;
	line-height: 30px;
	z-index: 9999;
	margin-top: 60px;
	margin-left: -40;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
}

.ui-datepicker-title {
	position:absolute;
	font-size: 13;
	text-align: center;
	background: #c5ccd4;
	margin-top: -31px;
	width: 101%;
	border-radius:3px 3px 0px 0px;
	margin: 0 auto;
		margin-left: -1px;
top: -1px;
  z-index: -1;
	}





.ui-datepicker-next {
float: right;	
}

#ui-datepicker-div a {
display: inline-block;
 color: #666;
background: none;
min-width: 30px;
text-shadow: none;
box-shadow: none;
text-decoration: none;
text-align: center;
font-weight: lighter;
border: none !important;	
}

#ui-datepicker-div a:hover {
background: #c5ccd4;
}

.ui-datepicker-unselectable > span {
	display: inline-block;
	background: none !important;
	border: none !important;
	min-width: 30px !important;
min-height: 20px !important;
color: #666 !important;
text-decoration: none !important;
text-align: center !important;
text-shadow: none !important;
box-shadow: none !important;
opacity: 0.4;
font-weight: lighter !important;
}

.ui-datepicker-next:hover{
	border: none !important;
	background: none !important;
}

.ui-datepicker-prev:hover{
	border: none !important;
		background: none !important;
}

.ui-datepicker-other-month > a {
opacity: 0.4
}

#ui-datepicker-div tr{
opacity: 1;
font-size: 11;
  line-height: 30px;
}

#ui-datepicker-div tr:hover{
opacity: 1;
box-shadow: none;
}

.ui-datepicker-calendar > thead > tr > th {
color: #666 !important;
font-weight: lighter;
font-size: 12;	
}

.ui-datepicker-current-day > a{
font-weight: bolder !important;
}















@media only screen and (max-device-width : 480px)
{

.recording_items_SelectDate {
top: -1px !important;
right: 205px;
z-index: 2;
width: 100px;
	
text-align: center;


height:53 !important;
	
}

.RecordingMove1 {
height:53 !important;
top: 0px !important;
right: 0px !important;
	box-shadow: none !important;
}

.RecmenuIconEinzeln {
height:53px !important;	
}


.menuText {
font-size: 20 !important;
margin-left: 65px !important;
margin-top: 15px !important;
}

	
}