.tableWrapper {
	border: 2px solid #e1e1e1;
	padding: 9px;
	float: left;
}

.metrotable {
   
    border-collapse: collapse;
    font-size: 12px;
     font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #515967;
}

.metrotable > tbody > tr:hover > td{
	background: #bbeaf3 !important;
}
             
.metrotable > thead > tr > th {
    font-size: 1.3em;
    padding-top: 0;
    padding-bottom: 5px;
}

.metrotable > thead > tr > th {
    border-bottom: 1px solid #CCCCCC;
    color: #878787;
    font-size: 1.5em;
    font-weight: lighter;
    padding: 0 1em .4em .4em;
    text-align: left;
    text-transform: lowercase;
}

.metrotable > tbody > tr > td {
    border-top: 1px solid #E1E1E1;
    color: #787878;
    font-size: 1.2em;
    font-weight: lighter;
    padding: 0.5em 1em 0.5em .4em;
    text-align: left;
    text-transform: lowercase;
}

.metrotable > tbody > tr:first-child > td {
	border: 0 none;
}

.metrotable > tbody > tr > td:hover {
    cursor: pointer;
}

.selected {
    background-color: #fff1cc;
  
}

.metrotable > tbody > tr.selected > td {
        color: black;
}


.configPanel {
    width: 282px;  
	float: left; 
	margin-left: 50px;
}

.configPanel .innerMultiPage {
	height: 390px;
	border: 2px solid #72787c;
	padding: 10px;
}

.configPanel .innerMultiPage {
	padding-top: 20px;
}

.configPanel .update_btn,
.configPanel .insert_btn {
	margin-top: 10px;
}

.configPanel .RadInput{
	margin-bottom: 5px;
	
}

.configPanel .riContentWrapper {
	width: 176px !important;
}

.configPanel .RadPicker {
	width: 215px !important;
}

.configPanel .RadPicker .RadInput {
	width: 210px !important;
}

.configPanel .RadPicker .riContentWrapper {
	width: 146px !important;
}

* + html .configPanel .RadPicker .riContentWrapper {
	width: 130px !important;
}

* + html .configPanel .RadPicker .riContentWrapper .riTextBox {
	width: 100% !important;
}