@charset "utf-8";
/* CSS Document */


body{margin:0; padding:0; }
div.ui-datepicker{ font-size:10px;}
.HeaderTR, .normal thead{background-color:#CCC; text-align:center; font-weight:bold}
.hand{cursor:pointer}
.normal {	font-family: Arial, Helvetica, sans-serif, Sylfaen;	font-size: 14px;}
.SelectedTD2{cursor:pointer; text-align:left}
.SelectedTD2:hover{background-color:#E3CDB5; COLOR:#662200; cursor:pointer}
.SelectedTR{background-color:#FCC}

.pagination  {    text-align: center;}
.pagination li{display:inline-block; text-align: center; } 
.pagination li.active a{ color:red; }
.pagination li a{ display:inline-block; width: 16px; height: 16px; background-color: #ddd; margin: 2px; padding: 2px 4px;}
.pagination li a:hover{background-color:#aaa;}

.pages, .activePage {    FONT-SIZE: 13px; COLOR:#BBBBBB; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; padding:2px 5px; border:none;}
.activePage {color:#F00}
.pages:link {    FONT-SIZE: 13px; COLOR:#09F; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; padding:2px 5px; border:none;}
.pages:visited { FONT-SIZE: 13px; COLOR:#09F; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; padding:2px 5px; border:none;} 
.pages:active {  FONT-SIZE: 13px; COLOR:#09F; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; padding:2px 5px; border:none;}
.pages:hover {  FONT-SIZE: 13px; COLOR:#F80; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; padding:2px 5px; background-color:#E3CDB5; }


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-left:before {
    content: "\f104";
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }





.login_bg{  height: 120px;  width: 100%; background: #c3edc8 ;  position: absolute;  top: 50%;  margin-top: -230px;}
.login_form{width:300px; height:370px; border:1px solid rgba(0,0,0,0.25); background-color:rgba(245,245,245,0.8); padding:56px 34px; 
		position:absolute; left:50%; top:50%; margin-left:-184px; margin-top:-250px}
.login_form form{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#525252 }
.login_form form input:not([type='submit']) { width:93%; padding: 0 10px;}
.login_form form input{height:38px; background:#FFF; font-size:13px; line-height:36px; border-collapse:collapse; border:1px solid #CCC}
.login_form form div{padding:10px 0; line-height:23px}
.login_form form input[type='submit'] { border-color:#000; cursor:pointer; padding:0 25px; letter-spacing: 1px;  }





.borderDiv{ border:1px solid #eeeeee; border-radius:5px}
body, table{font-family:Arial, Helvetica, sans-serif; font-size:14px}
.menu  a{text-decoration:none; color:#555}
.menu li{margin-bottom:15px}
.menu li.active{ list-style-image:url(../img/active_bulet.png); color:#000;   font-weight: bold;}
table{border-collapse:collapse}




.rotate { height: 120px; white-space: nowrap; }
.rotate > div {
    transform: translate(6px, 42px) rotate(-90deg);
    width: 27px;
	}
.rotate > div > span { border-bottom: 1px solid #ccc; padding: 5px ; }




.sortable td.handle {
    min-width: 20px;
    cursor: ns-resize;
    background: url(../img/handler.png) center no-repeat;
}

span.activeIcon{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_visible0.png) center no-repeat; 
    height: 20px;
    display: inline-block;
}

span.archiveIcon{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_zip0.png) center no-repeat; 
    height: 20px;
    display: inline-block;
	background-size: 20px;
}

span.ShowInProgramListIcon{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_ShowInProgramListIcon0.png) center no-repeat; 
    height: 20px;
    display: inline-block;
}



span.delete{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_drop.png) center no-repeat; 
    height: 20px;
    display: inline-block;
	
}
span.import{
	width: 20px;
    cursor: pointer;
    background: url(../img/import.png) center no-repeat; 
    height: 20px;
    display: inline-block;
	background-size: 20px;	
}
span.activeIcon.active{
    background: url(../img/b_visible1.png) center no-repeat; 
}
span.archiveIcon.active{
    background: url(../img/b_zip1.png) center no-repeat; 
	background-size: 20px;
}
span.ShowInProgramListIcon.active{
    background: url(../img/b_ShowInProgramListIcon1.png) center no-repeat; 
}
.inlineDiv{ 
	display:inline-block;
	vertical-align: top;
}
.inlineDiv ~ .inlineDiv{margin-left:30px; }

.PrForm input[type='text'], .PrForm textarea{
	width: 400px;
}
.PrForm textarea{
	height: 200px;
}
.QOptions .answers{
	white-space: nowrap;
}
.hasQuestionaire{
	background-color: greenyellow!important; 
}


table.PCTable tr.selected, table.PrTable tr.selected, table.QQTable tr.selected, table.QuTable tr.selected{
    background-color: #0f05;
}
span.CheckPersonalIDIcon.active{
    background: url(../img/b_CheckPersonalIDIcon1.png) center no-repeat; 
}
span.CheckPersonalIDIcon{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_CheckPersonalIDIcon0.png) center no-repeat; 
    height: 20px;
    display: inline-block;
}



span.ShowOnlyUsedProgramsIcon.active{
    background: url(../img/b_ShowOnlyUsedPrograms1.png) center no-repeat; 
}
span.ShowOnlyUsedProgramsIcon{
	width: 20px;
    cursor: pointer;
    background: url(../img/b_ShowOnlyUsedPrograms0.png) center no-repeat; 
    height: 20px;
    display: inline-block;
}