body{
	padding: 0px; margin: 0px; font-family: Arial; font-size: 14px;
	
	background-color: white;
	color: #333333;
}
.classicFormContainer{padding:20px; background-color: #f5f4f7}
.classicFormSubContainer{padding: 20px; background-color: white;}
.betabanner{
	padding: 10px;
    background-color: #ff9a00;
    color: white;
    font-size: 20px;
    text-align: center;
}
.formRow{
	border-bottom: 1px solid #e8e5e5;
}
.formRow:hover{
	
	background-color: rgb(247, 247, 247); 
}
.formHeader{
	font-weight: bold;
	border-bottom: 1px solid #e8e5e5;
}
.formCell{
	display: inline-block;
    padding: 8px;
}
.formCellID{
	text-align: right;
	width: 25px;
}
.formCellName{
	text-align: left;
	width: 400px
	
}

.formCellNameMW{
	text-align: left;
	min-width: 200px;
	padding-right:10px;
	
}
.formCellCopy{
	float: right;
	
}
.drpXTarget{
	border: 1px solid black;
	padding: 4px;
}
.clinicSelectItem:hover{
	background-color: #f0eaf4;
}
.clinicSelectItem{
	padding: 4px;
    border-bottom: 1px solid #e8e5e5;
	color:  #262626;
	cursor: default;
}
.clinicSelectItemName{
	
	width: 300px;
	display: inline-block;
}
.clinicSelectItemStudyGroup{
	display: inline-block;
	font-style: italic;
	
}
.visible_false{display: none};
.details-table{display: table;}
.details-row{display: table-row;}

.details-cell{    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #cecece; vertical-align:top}
.details-label{    background-color: #f5f4f7; width: 200px;}
.details-value{width: 600px;}


@media(max-width:550px) {

		
	.details-row{display:block;}

	
	.details-cell{    display:block;
		padding: 10px;
		border-bottom:0px;
		 vertical-align:top}
	.details-label{    background-color: #f5f4f7; width: unset;}
	.details-value{width: unset;margin-bottom:10px;}

}


.details-value-fullwidth-widget {width:100%}


.remotebody{padding: 10px; margin: 0px; font-family: Arial; font-size: 14px; background-color: white; background-image: none;
	
}
.questionLabel{
	margin-bottom: 6px;
}
.questionKey{
	font-style: italic;
    font-size: 10px;
    color: #9f9f9f;
    margin-top: 4px;
	position: absolute;
	right: 6px;
	top: 0px;
}
.deleteaction{
	
	cursor: pointer;
    color: white;
    display: inline-block;
    float: right;
    background-color: #b10303;
    padding: 6px 10px 6px 10px;
    border-radius: 4px;
    font-size: 16px;
}
.tableLoading{   
	background: linear-gradient(to bottom, #fbfbfb 50%, rgba(0, 0, 0, 0) 100%);
border-radius: 5px;
height: 200px;
position: relative;
width: calc(100vw - 450px);}
.tableLoading img{width: 40px;
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);}
.reqfld {font-weight: bold; color: red}
h1 {position: relative; margin-top: 0px; font-size: 22px; font-weight: normal; margin-bottom: 20px;}
h1 a { text-decoration: none;}
h1 a:hover { text-decoration: underline;}
a, a:visited { color: #6f359e;}
#bannerlogo{margin-left: -20px;height:125px;}
.banner{clear: both; background-color: #57386e; color:white; padding: 0px; font-size: 22px;}
.bannerTitle a , .bannerTitle a:hover{color: white; text-decoration: none;}

.bannerNav{position: absolute;
    bottom: 0px;
    left: 220px;
	padding-bottom:10px;}
.bannerLogout{position: absolute;
    right: 15px;
    bottom: 0px;
    padding-bottom: 10px;}
.navitem {     float: left;
    /* height: 28px; */
    /* line-height: 28px; */
    background-color: #684d79;
    margin-left: 20px;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;}
	
.navitem:hover {background-color: #8b6aa0}

.navitem a, .navitem a:visited { font-size: 14px; color: white; text-decoration: none;}

.navitem a:hover { text-decoration: none;}

#divSessions a {text-decoration: none;}
.tblhd{padding: 8px; border-bottom: 2px solid #4d4d4d;}
.tblcell{ padding: 8px; border-bottom: 1px solid #d9d9d9;}
input[type=submit], input[type=button] { color: white; background-color: #57386e; border: 0px; border-radius: 4px; padding: 8px; font-size: 14px; min-width: 100px;}
textarea, input[type=text], input[type=number], input[type=password], select {max-width: calc(100% - 10px);padding: 4px; border-radius: 3px; border: 1px solid #bca9cc; font-size: 14px;}



.facetedSearchContainer{
	width: 185px;
    background-color: #fbfbfb;
    padding: 10px;
	margin-right: 20px;
    border-radius: 5px;}

.facetedSearchContainer input  { width: 176px;}
.facetedSearchContainer select  { width: 186px;}
.facetedSearchContainer .submit  { width: 100%;}

.facetedSearchContainer > .facetedSearchContainerTitleBar{
	display: none;
}

.btnShowFilters{
	display: none;
    float: left;
    height: 30px;
    padding: 0px 10px;
    background-color: #f0f0f0;
    border: none;
    /* font-size: 16px; */
    line-height: 30px;
    /* background-image: url(img/export.svg); */
    /* background-position: left center; */
    /* background-repeat: no-repeat; */
    /* background-size: 20px; */
    /* margin: 0px 20px 0px 20px; */
    cursor: pointer;
    /* border-left: none; */
    /* border-bottom: none; */
    border-radius: 3px;
    margin-right: 10px;
}


@media(max-width:700px) {
	
	.btnShowFilters{
		display: block;
	}
}
	


.facetedItemActive{    box-shadow: 0px 0px 6px #cabed4;
    background-color: #e8f4ff;}
.timecontainer {padding: 0px; border-radius: 2px; border: 1px solid #6f359e; }
.noborder{border: 0px;}
.scrollingCheckboxList {
	padding: 4px; border-radius: 2px; border: 1px solid #bca9cc;  font-size: 14px;
	overflow-y: auto;  max-height: 200px;
}
.inputLabel{padding: 10px 0px 30px 0px;}
.lbl{ font-weight: bold;  padding: 4px 20px 4px 0px; border-bottom: 1px solid #ebebeb;}
.val{ padding: 4px 4px 4px 0px;; border-bottom: 1px solid #ebebeb;}

.pagerItemCurrent {
	color: white;
	background-color: #442759;
    display: inline-block;
    border: 1px solid #442759;
    /* padding: 10px; */
    margin: 0px 4px 0px 4px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
	border-radius: 25px;}

.pagerItem { cursor: pointer;
    display: inline-block;
    border: 1px solid #442759;
    margin: 0px 4px 0px 4px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
	border-radius: 25px;}
.pagerSep{
	display: inline-block;
    border: 1px solid white;
    margin: 0px 4px 0px 4px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.session .lbl{ width: 300px; font-weight: bold;  padding: 10px 20px 10px 10px; border-bottom: 2px solid white; background-color:#ede9f1}
.session .val{ padding: 10px; background-color: #f5f2f7; border-bottom: 2px solid white;}

.sessionImageContainer {position: relative; float: left; margin: 0px 10px 10px 0px;}
.imgLinkRaw{position: relative}
.imgLinkMarkup{position: relative}
.sessionImage {border: 0px; border-radius: 3px; width: 250px;}
.imgGrid{display: none}
.imgGridHorizontal{position: absolute;
    left: 0px;
    top: calc(50% - 2px);
   
    background-color: #00ff00;
    right: 0px;
    height: 4px;}
.imgGridVert{    position: absolute;
    left: calc(50% - 2px);
    top: 0px;
    
    width: 4px;
    bottom: 0px;
    background-color: #00ff00;
}
.navGoBack{
	background-image: url('img/goback.svg');
	background-repeat: no-repeat;
	background-position: center;
	
	width:25px;
	height:25px;
	border:none;
	background-color: transparent;
	position: absolute;
    left: 0px;
    top: 0px;
}
.norecords{
	border-radius: 2px;
	text-align: center;
	padding: 50px;
	background-color: #fbfbfb;
	width: calc(100vw - 450px);
}
.pageContainer{min-height: calc(100vh - 180px);}
.maincontentfull{background-color:white;}
.maincontent{
		overflowxxx: auto;
		background-color: white;
		
		padding: 30px 60px 60px 60px;
		min-height: 400px;
		
		margin: 0px auto 0px auto;
}
.footer {padding: 20px 20px 60px 20px; height: 100px; background-color: #cabed4; overflow: hidden; position: relative;
	}
.footerTagline{ color: #390c5a; margin-bottom:14px; font-size: 16px;}
.copyright{color: #57386e; font-size: 14px;}


.tabcontainer{
	margin-bottom: 20px;
	height: 39px;
	border-bottom: 1px solid #7f7f7f
}
.tabbutton{
	display: inline-block;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-left: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	background-color: #f3f1f4;
	cursor: default;
	height: 38px;
	line-height: 38px;
	padding: 0px 20px 0px 20px;
	margin-right: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}.tabbuttonselected{
	background-color: white;
	border-bottom: 1px solid white;
}
.remotemaincontent{
	
}

.container  {
	position: relative;
    margin: 0px auto;
	padding-right: 15px;
    padding-left: 15px;
}
.spnLink{
	text-decoration: underline;
}


@media(max-width:768px) {
    .container {
        width: auto;
    }
    .maincontent {
        width: auto;
		padding:20px;
    }
	
}


@media(min-width:768px) {
    .container, .maincontent  {
        widthxx: 750px;
    }

}


@media(min-width:992px) {
    .container, .maincontent  {
        widthxx: 970px;
    }
}

@media(min-width:1200px) {
    .container, .maincontent  {
        widthxx: 1170px;
    }
}
.bannerContainer{background-color: #57386e;
background:linear-gradient(0deg, rgba(60,32,80,1) 0%, rgba(87,56,110,1) 100%);
	position:relative;
	heightxx: 125px;
 }
 
.bannerGrad{
	height: 10px;
	background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, #ffffff 8px, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(8px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(178,178,178,1) 0%,#ffffff 8px,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(178,178,178,1) 0%,#ffffff 8px,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(178,178,178,1) 0%,#ffffff 8px,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(178,178,178,1) 0%,#ffffff 8px,#ffffff 100%); /* W3C */
}
	
.arrowbullets ul {
	list-style-type: none;
	padding-left: 30px;
}


.arrowbullets li {
	display: list-item;
	background-image: url("img/arrow.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 20px 0px 20px 30px;
	font-size:18px;
}
.sortableFilterList, .sortableFilterList2 { list-style-type: none; margin: 0; padding: 0; background: #d8c8e2;  padding: 5px; width: 250px; }
.sortableFilterList li, .sortableFilterList2 li { clear: both;  margin: 5px; padding: 5px; font-size: 11px; height: 1.5em; background-color: #f7f7f7; }

.tabButtonBar{
	margin: 20px 0px 20px 0px;
	clear: both;
}
.tabButton{
	cursor: pointer;
	float: left;
	margin-right: 10px;
	color: #6f359e; background-color: white; border: 1px solid #6f359e; border-radius: 2px; padding: 8px; font-size: 16px; min-width: 100px;
	text-align: center;
}
.tabButtonSelected{
	color: white; background-color: #6f359e; border: 1px solid #6f359e; border-radius: 2px; padding: 8px; font-size: 16px; min-width: 100px;
}
.tabPanel{
	clear: both;
	
}
.remButton{
	border: 0px;
	background-color: transparent;
	cursor: pointer;
	
}
.remButton:hover{
	text-decoration: underline;
}
.btnclinicaccesstype{
	border: 2px solid #c0bdc2;
    border-radius: 3px;
	padding: 4px 10px 4px 10px
}
.btnclinicaccesstypeSelected{
	border: 2px solid #492c5f;
	background-color: #8356a6;
    color: white;
}
.tile{float:left;}

.tile a{
	border-radius: 25px;
    text-decoration: none;
    background-color: #82609e;
    background-repeat: no-repeat;
    height: 125px;
    width: 125px;
    line-height: 210px;
    text-align: center;
    display: block;
    margin: 0px 20px 20px 0px;
    color: white;
    font-size: 11px;
}
.tile a:hover{background-color: #b080d8;}
.tile-forms a{
	background-image: url(img/paper-and-pencil.svg);
	background-size: 50px;
	background-position: center 30px;
}
.tile-users a{
	background-image: url(img/generic-person-2.svg);
	background-size: 40px;
	background-position: center 30px;
}
.tile-clinics a{
	background-image: url(img/office-building-one-level.svg);
	background-size: 70px;
	background-position: center 20px;
}
.tile-dxexport a{

	background-image: url(img/ai_icon_light.svg);
	background-size: 60px;
	background-position: center 30px;
}
.tile-studygroups a{
	background-image: url(img/studygroups.svg);
	background-size: 80px;
    background-position: center 25px;
}
.tile-diag a{
	background-image: url(img/clipboard.svg);
	background-size: 50px;
	background-position: center 20px;
}
.tile-status a{
	background-image: url(img/assessment.svg);
	background-size: 40px;
	background-position: center 30px;
}
.tile-tut a{
	background-image: url(img/tutorial.svg);
	background-size: 70px;
    background-position: center 20px;
}
.tile-metrics a{
	background-image: url(img/crossed-line-graph.svg);
	background-size: 60px;
    background-position: center 20px;
}
.tile-sub a{
	background-image: url(img/handsubp.svg);
	background-size: 80px;
	background-position: center 20px;}
.tile-serial a{
		background-image: url(img/serial.svg);
		background-size: 75px;
		background-position: center 20px;}

		
.tile-random a{
	background-image: url(img/random.svg);
	background-size: 60px;
    background-position: center 25px;}


	
.tile-idtypes a{
	background-image: url(img/idtypes.svg);
	background-size: 90px;
	background-position: center 10px;}

.tblResults{width: 100%}

.editQuestionsContainer{
    background-color: #d4cfd7;
    padding: 10px;
	border-radius: 4px;
}
.surveyquestioncontainer {
    background-color: white;
    padding: 10px;
    margin-top: 10px;
	border-radius: 4px;
	position: relative;
}
.surveyquestioncontainer:first-child {
	margin-top:0px;
}

.results-table-row{
	display: block;
	border-bottom: 1px solid #f1eeee;
	white-space: nowrap;
	height: 40px;
   
}

.mobile-sort-bar span{
	float:left;
	padding-top:5px;
}
.mobile-sort-bar select{
	float:left;
	margin-left: 10px;
}
.mobileSortDirDesc{
	background-image: url(images/down.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    height: 28px;
    width: 28px;
    margin-left: 10px;
    background-color: #f4f4f4;
    border-radius: 4px;
    /* padding: 0px 10px 0px 10px; */
    float: left;
}
.mobileSortDirAsc{
	background-image: url(images/up.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    height: 28px;
    width: 28px;
    margin-left: 10px;
    background-color: #f4f4f4;
    border-radius: 4px;
    /* padding: 0px 10px 0px 10px; */
    float: left;
}
.rt-mobile-row{
	display: block;
    border: 1px solid #ede5f3;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #fbfbfb;
   
}
.rt-mobile-row a{
	text-decoration: none;
}

.rt-mobile-cell-label{
	font-weight: bold;
}
.results-table-data-row:hover{
	background-color: rgb(247, 247, 247); 
}

.results-table-header-row{
	display: block;
	border-bottom: 1px solid #f1eeee;
	white-space: nowrap;
   
}

.rt-mobile-header-row{
	display: block;
	border-bottom: 1px solid #f1eeee;
	white-space: nowrap;
   
}

.results-table-cell{
	display: inline-block;
	padding: 0px 15px 0px 15px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 40px;
	line-height: 40px;
	font-size: 14px;

}

.rt-mobile-cell{
	display: block;
	padding: 3px;
	position: relative;
	font-size: 14px;

}

.results-table-cell-col-header{
	
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;;
}
.results-table-cell-col-header-sort-asc{
	
	background-image: url('images/up.svg');
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	
}
.results-table-cell-col-header-sort-desc{
	
	background-image: url('images/down.svg');
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	
}
.results-table-cell-alignright .results-table-cell-col-header-sort-asc, .results-table-cell-alignright .results-table-cell-col-header-sort-desc{
	padding-right:30px !important;
}
.results-table-col-resize{

	position: absolute;
	right: 0px;
	width: 10px;
	top: 5px;
	bottom: 5px;
	z-index: 9999;
	border-right:1px solid transparent;
	cursor:ew-resize;
	background-image: url('images/drag.svg');
	background-repeat:repeat-y;
	background-sizexx: 15px;
	background-position: center;

}


.results-table-col-resize:hover .results-table-col-resize{
	
	opacity: 1;
}

.results-table-col-resize-bar{
	position: absolute;
width: 4px;
left: 5px;
top: 4px;
bottom: 4px;            
background-color: rgb(247, 247, 247); 
border-radius: 2px;
	
}
.results-table-col-resize:hover .results-table-col-resize-bar{
	
	
	
	background-color: #e2e2e2;
}

.results-table-cell-aligncenter{
	text-align: center;
}
.results-table-cell-col-header-target, .results-table-cell-col-header-target-nosort {
	cursor: default;
	position: absolute;
background-color: transparent;
top: 6px;
left: 4px;
right: 12px;
border-radius: 4px;
padding: 0px 25px 0px 10px;
height: 30px;
line-height: 30px;
overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.results-table-cell-col-header-target:hover{
	background-color: rgb(247, 247, 247); 
}


.results-table-cell-col-header-text{
	z-index: 999;
	position: relative;
}

.results-table-cell-data{
	overflow: hidden;
text-overflow: ellipsis;
}


.rt-mobile-cell-data{
	overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color: black;
}


.results-table-cell-alignright .results-table-cell-col-header-target{
	text-align: right;
	padding-right: 20px;
}
.results-table-cell-alignright .results-table-cell-data{
	text-align: right;
	padding-right: 16px;
}

.results-table-loading{
	opacity: .4;
	background-image: url('img/loading2.gif');
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}
.tblResultsM{display: none;}

.showMobileFilters{display: none;}


.closeFiltersBtn img{height:20px;float:right;}

#btnAddSugDiag {margin-left:10px}

.divImageDialogContent{

	z-index: 90;
	position: fixed;
	background-color: white;
	padding: 20px;
	overflow: auto;
	border-radius: 10px;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px
}
@media(max-width:550px) {

	.norecords{width:auto}
	.divImageDialogContent{
		z-index: 90;
	position: fixed;
	background-color: white;
	padding: 10px;
	overflow: auto;
	border-radius: 10px;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px
	}
	#feForm.viewexam {
		margin: 0px 0px 20px 0px;
		width: calc(100% - 40px);
		padding: 0px;
		background-color: #f5f4f7;
		border-radius: 5px;
	}

	#btnAddSugDiag {margin-top:10px;margin-left:0px}
	.viewSessionTable input[type=submit], .viewSessionTable input[type=button] { color: white; background-color: #57386e; border: 0px; border-radius: 4px; padding: 8px; font-size: 14px; min-width: 100px;}
	.viewSessionTable textarea, .viewSessionTable input[type=text], .viewSessionTable input[type=number], .viewSessionTable input[type=password], .viewSessionTable select {max-width: calc(100% - 10px);padding: 4px; border-radius: 3px; border: 1px solid #bca9cc; font-size: 14px;}
	
	
	.viewSessionTable .details-value {width: unset;        margin-bottom: 20px;
        border-bottom: 0px;
}
	.viewSessionTable .details-label {width: unset}
	.viewSessionTable .details-cell  {display: block; border-bottom: 0px}
	.classicFormContainer{padding:0px; background-color: white}
	.classicFormSubContainer{padding: 0px; background-color: white;}
	.showMobileFilters{    display: block;
		background-color: #fbfbfb;
		border-radius: 4px;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;}

	.tblResults{display: none !important;}
	
	.tblResultsM{display: block;}


	.facetedSearchContainer{display: none;}


	.facetedSearchContainerMobileOn{display: block;
        position: fixed;
        z-index: 10000;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: auto;
        margin: 0px;
        border-radius: 0px;
	padding:20px;}



	.facetedSearchContainerMobileOn input  { width: calc(100% - 10px);}
	.facetedSearchContainerMobileOn select  { width: 100%;}
	.facetedSearchContainerMobileOn .submit  { width: 100%;}

	.facetedSearchContainerMobileOn .facetedSearchContainerTitleBar{
		display: block;
		position: relative;
		margin-bottom: 40px;
	}
	.facetedSearchContainerMobileOn h2{
		
		float:left;
		margin-top: 0px;
		font-size: 18px;
		font-weight: bold;
		
	}
}

.mobile-sort-bar{
	margin-bottom:20px;
	height:30px;
}
.dataTableToolbar{
	background-color: #fbfbfb;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
   
}

.btnExport{
	float: left;
height: 30px;
padding: 0px 10px 0px 25px;
background-color: transparent;
border: none;
/* font-size: 16px; */
line-height: 30px;
background-image: url(img/export.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;

margin: 0px 20px 0px 20px;
cursor: pointer;
}
.patregformsection{
	margin-bottom: 20px;
}
.patregformsection a{
	background-image: url(img/view.svg);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    padding: 15px 25px 15px 30px;
    background-size: 20px 20px;
    margin-left: 12px;
}
#lblRecordCount{
	font-weight: bold;
}

.btnNewRecord{
	float: left;
height: 30px;
padding: 0px 10px 0px 25px;
background-color: transparent;
border: none;
/* font-size: 16px; */
line-height: 30px;
background-image: url(img/add.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;

cursor: pointer;
}



.btnDelRecord{
	float: left;
height: 30px;
padding: 0px 10px 0px 25px;
background-color: transparent;
border: none;
/* font-size: 16px; */
line-height: 30px;
background-image: url(img/deleternd.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;

cursor: pointer;
}
.pagePrev{

	/*
	border: 1px solid gray;
	background-color: #f0eeef;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 30px;
line-height: 30px;
padding: 0px 10px 0px 10px;
float: left;
*/

cursor: pointer;
background-color: transparent;
border: none;
/* border-top-left-radius: 0px; */
/* border-bottom-left-radius: 0px; */
/* border-top-right-radius: 5px; */
/* border-bottom-right-radius: 5px; */
height: 30px;
/* line-height: 30px; */
/* padding: 0px 10px 0px 10px; */

float: left; 
background-image: url(images/left-arrow.svg);
background-repeat: no-repeat;
background-position: center;

}
.pageSelect{
	height: 30px;
border-radius: 5px;
padding: 0px 10px 0px 10px;
float: left;
margin: 0px 10px 0px 10px;
}
.pageButton{
	padding: 0px 10px 0px 10px;
}
.pageNext{
	cursor: pointer;
background-color: transparent;
border: none;
/* border-top-left-radius: 0px; */
/* border-bottom-left-radius: 0px; */
/* border-top-right-radius: 5px; */
/* border-bottom-right-radius: 5px; */
height: 30px;
/* line-height: 30px; */
/* padding: 0px 10px 0px 10px; */
float: left; 
background-image: url(images/right-arrow.svg);
background-repeat: no-repeat;
background-position: center;



/*
background-color: #f0eeef;
border: 1px solid gray;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
height: 30px;
line-height: 30px;
padding: 0px 10px 0px 10px;
float: left;
*/
}
#divPager{
	float: left;

}
#divRecordCount{
	float: left;
height: 30px;
line-height: 30px;
padding-left: 10px;
}

.imgblockVideo a{
	background-image: url(img/play.png);
    background-repeat: no-repeat;
    background-position: center 80px;
    background-size: 100px 100px;
}


.dialogWindow{
	box-shadow: rgb(82, 82, 82) 0px 0px 50px;
}

.fade-in-dialog {
	animation: fade-in-dialogcontainer-anim ease .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.fade-in-dialog .dialogWindow{
	animation: fade-in-dialog-anim ease .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes fade-in-dialogcontainer-anim {
	0% { opacity: 0; display:block}
	100% { opacity: 1;}
}
@keyframes fade-in-dialog-anim {
	0% { opacity: 0; transform: scale(1.5);}
	100% { opacity: 1;transform: scale(1); }
}
.fade-out-dialog {
	animation: fade-out-dialogcontainer-anim ease .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.fade-out-dialog .dialogWindow{
	animation: fade-out-dialog-anim ease .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

}
@keyframes fade-out-dialogcontainer-anim {
	0% { opacity: 1}
	100% { opacity: 0;}
}
@keyframes fade-out-dialog-anim {
	0% { opacity: 1;transform: scale(1);}
	   100% { opacity: 0;transform: scale(1.5);}
}