.BaseBody
{
margin:15px 0px 15px 0px;
background-image:url(../images/Body_Back.png);
background-repeat:repeat-x;
background-color:#79bbc2;
}

.BaseBody1
{
margin:15px 0px 15px 0px;
background-image:url(../images/Body_Back.png);
background-repeat:repeat-x;
background-color:#79bbc2;
cursor:move;
}


.HeaderDiv
{
height:120px;
width:990px;
border-top:1px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:none;
background-image:url(../images/Header_Back.png);
background-repeat:no-repeat;
overflow:hidden;
border-top-right-radius:10px;
border-top-left-radius:10px;
box-shadow:0px 0px 20px #000;
padding:5px 5px 5px 5px;
}

.HeaderDiv .Logo
{
float:left;
height:70px;
margin:15px 0px 0px 20px;
border:4px solid #4e9ba2;
padding:5px 5px 5px 5px;
border-radius:10px;
background-color:#dff1f3;
box-shadow:0px 0px 20px #000;
opacity:0.7;
}

.HeaderDiv .Headertext
{
float:right;
border:0px solid #fff;
margin:0px 5px 0px 0px;
}

.separators
{
font-weight:bold;
color:#FFFFFF;
font-size:18px;
}

.applabels
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#333333;
min-width:50px;
}

.apppageheads
{
font-family:Calibri, Verdana, Georgia;
color:#333333;
font-size:20px;
height:30px;
border-bottom:3px solid #999999;
margin:5px 5px 5px 5px;
float:left;
}

.appmessages
{
font-family:Calibri, Verdana, Georgia;
font-size:18px;
color:#333333;
}

.apperrors
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#CC0000;
font-weight:bold;
}

.error{
font-family:Calibri, Verdana, Georgia;
font-size:13px;
color:#CC0000;
}
.action
{
height:18px;
border:0px;
margin:0px;
}

.applinks
{
font-family:Calibri, Verdana, Georgia;
font-size:15px;
color:#cccccc;
text-decoration:none;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.applinks:hover
{
text-decoration:underline;
color:#FFFFFF;
}

.MenuDiv
{
height:auto;
width:1000px;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:none;
box-shadow:0px 0px 20px #000;
}

.Bodyframe
{
height:auto;
min-height:560px;
background-color: #d1e8ea;
width:990px;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:none;
border-bottom:none;
box-shadow:0px 0px 20px #000;
padding:5px 5px 5px 5px;
position:relative;
overflow:auto;
}

.Assessmentframe
{
height:auto;
min-height:500px;
background-color: #d1e8ea;
width:980px;
padding:5px 5px 5px 5px;
position:relative;
border:0px solid #000;
overflow:auto;
}

.Bodyframe object
{
height:835px;
width:100%;
margin:0px;
}

.FooterDiv
{
height:25px;
width:990px;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
background-color:#2d4e71;
overflow:hidden;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
box-shadow:0px 0px 20px #000;
padding:5px 5px 5px 5px;
}

.loginback
{
background-image:url(../images/Login_Back1.png);
height:380px;
width:500px;
background-repeat:no-repeat;
margin:55px 0px 0px 0px;
border:0px solid #fff;
background-position:center;
padding:100px 0px 0px 0px;
background-size:100% 100%;
}

.loginback .loginform
{
height:335px;
width:inherit;
border-radius:30px;
border:1px solid #000;
background-image:url(../images/Login_Back.png);
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
position:relative;
z-index:10;
box-shadow:0px 0px 60px #000;
background-color:#5da8f0;
clear:both;
}

.loginback .loginform table
{
width:440px;
margin:18px 10px 10px 10px;
border:0px solid #000;
clear:both;
}

.loginback .loginform table .imgtd
{
border-radius:10px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.loginback .loginform table .imgtd:hover
{
border:0px solid #000;
border-radius:10px;
box-shadow:0px 0px 80px #fff;
}

.apptextbox, .datepicker
{
height:20px;
width:150px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.apptextbox:focus,.datepicker:focus
{
background-color:#ffe1f0;
}

.apptextboxdis
{
height:20px;
width:150px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#cccccc;
border:1px solid #cccccc;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.apppassbox
{
height:20px;
width:150px;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.apppassbox:focus
{
background-color:#ffe1f0;
}

.apptextarea
{
height:100%;
width:98%;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
resize: none;
}

.apptextarea:focus
{
background-color:#ffe1f0;
}

.appbuttons
{
color:#CCCCCC;
font-family:Calibri, Verdana, Georgia;
font-size:15px;
padding:6px 12px 6px 12px;
background-color:#1874CD;
border:2px solid #104E8B;
border-radius:10px;
cursor:pointer;
font-weight:bold;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.appbuttons:hover
{
color:#104E8B;
background-color:#B0E2FF;
}

.applist
{
height:30px;
width:162px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.applistmulti
{
height:180px;
width:162px;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.applist:focus,
{
background-color:#ffe1f0;
}

.applist option,
.applistmulti option
{
height:20px;
width:auto;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:0px solid #666666;
padding:4px 5px 4px 5px;
background-color:#FFFFFF;
}

.overlay
{
width:100%;
height:1200px;
top:0px;
left:0px;
position:absolute;
background-color:#000;
opacity:0.4;
filter: alpha(opacity=50); /*older IE*/
z-index:1000;
position:fixed;
}

.overlayinner
{
width:90%;
height:500px;
opacity:1;
top:7%;
left:4%;
position:absolute;
z-index:2000;
position:fixed;
border-radius:15px;
padding:5px 5px 5px 5px;
border:5px solid #333333;
background-image:url(../images/inner_back.png);
background-repeat:repeat-x;
background-color:#cbe5e7;
box-shadow:5px 5px 10px #333333;
}

.overlayinner1
{
width:40%;
height:150px;
opacity:1;
top:26%;
left:28.5%;
position:absolute;
z-index:2000;
position:fixed;
border-radius:15px;
padding:5px 5px 5px 5px;
border:5px solid #333333;
background-image:url(../images/inner_back.png);
background-repeat:repeat-x;
background-color:#cbe5e7;
box-shadow:5px 5px 10px #333333;
}

.overlayinner .close,
.overlayinner1 .close
{
width:25px;
height:25px;
position:relative;
cursor:pointer;
border:0px solid #333333;
float:right;
top:-15px;
right:-15px;
display:inherit;
background-image:url(../images/remove_icon.png);
background-size:100% 100%;
border-radius:15px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.overlayinner .close:hover,
.overlayinner1 .close:hover
{
box-shadow:0px 0px 30px #fff;
}

.overlayinner .innertext
{
width:95%;
height:94%;
position:relative;
border:0px solid #000;
overflow:auto;
display:inherit;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
margin:15px 0px 15px 15px;
float:left;
}

.formheader
{
border-radius:10px;
background-color:#388E8E;
color:#ffffff;
font-size:18px;
font-variant:small-caps;
font-family:Calibri, Verdana, Georgia;
font-weight:bold;
}

.preview img
{
height:15px;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.preview img:hover
{
height:25px;
}

.cells
{
background-color:#FFFFFF; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.leftpanelwrap
{
float:left;
width:50%;
padding:5px 5px 5px 5px;
height:535px;
border-radius:10px;
border:1px solid #333333;
box-shadow:0px 0px 5px #333333;
}

.leftpanelwrap .leftpanel1
{
width:100%;
border:0px solid #000;
}

.leftpanelwrap .leftpanel2
{
width:100%;
border-top:2px solid #333333;
height:90%;
overflow:auto;
}

.loading
{
height:65px;
width:65px;
border-radius:65px;
background-image:url(../images/wheel.png);
-webkit-background-size:100% 100%;
background-size:100% 100%;
animation-name:myfirst;
animation-duration:2s;
animation-timing-function:linear;
animation-delay:0s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}

@keyframes myfirst
{
0%{transform: rotate(0deg); box-shadow:0px 0px 0px #fff;}
10%{transform: rotate(36deg); box-shadow:0px 0px 20px #fff;}
20%{transform: rotate(72deg); box-shadow:0px 0px 0px #fff;}
30%{transform: rotate(108deg); box-shadow:0px 0px 20px #fff;}
40%{transform: rotate(144deg); box-shadow:0px 0px 0px #fff;}
50%{transform: rotate(180deg); box-shadow:0px 0px 20px #fff;}
60%{transform: rotate(216deg); box-shadow:0px 0px 0px #fff;}
70%{transform: rotate(252deg); box-shadow:0px 0px 20px #fff;}
80%{transform: rotate(288deg); box-shadow:0px 0px 0px #fff;}
90%{transform: rotate(324deg); box-shadow:0px 0px 20px #fff;}
100%{transform: rotate(360deg); box-shadow:0px 0px 0px #fff;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%{-webkit-transform: rotate(0deg); box-shadow:0px 0px 0px #fff;}
10%{-webkit-transform: rotate(36deg); box-shadow:0px 0px 20px #fff;}
20%{-webkit-transform: rotate(72deg); box-shadow:0px 0px 0px #fff;}
30%{-webkit-transform: rotate(108deg); box-shadow:0px 0px 20px #fff;}
40%{-webkit-transform: rotate(144deg); box-shadow:0px 0px 0px #fff;}
50%{-webkit-transform: rotate(180deg); box-shadow:0px 0px 20px #fff;}
60%{-webkit-transform: rotate(216deg); box-shadow:0px 0px 0px #fff;}
70%{-webkit-transform: rotate(252deg); box-shadow:0px 0px 20px #fff;}
80%{-webkit-transform: rotate(288deg); box-shadow:0px 0px 0px #fff;}
90%{-webkit-transform: rotate(324deg); box-shadow:0px 0px 20px #fff;}
100%{-webkit-transform: rotate(360deg); box-shadow:0px 0px 0px #fff;}
}

.banner
{
width:99.7%;
border-radius:10px;
border:1px solid #333333;
background-image:url(../images/inner_back.png);
background-repeat:repeat-x;
background-size: 100% 100%;
overflow:auto;
float:left;
box-shadow:0px 0px 10px #999999;
margin:8px 0px 5px 0px;
}

.chartmenu
{
font-size:20px;
float:left;
height:30px;
font-family:Calibri, Verdana, Georgia;
color:#949494;
text-decoration:none;
margin:0px 5px 0px 5px;
-webkit-transition:  0.2s ease-in-out;
-moz-transition:  0.2s ease-in-out;
-o-transition:  0.2s ease-in-out;
-ms-transition:  0.2s ease-in-out;
transition:  0.2s ease-in-out;
}

.chartmenu:hover
{
border-bottom:3px solid #999999;
color:#333333;
}

.chartmenuactive
{
font-size:20px;
float:left;
height:30px;
font-family:Calibri, Verdana, Georgia;
color:#333333;
text-decoration:none;
border-bottom:3px solid #999999;
margin:0px 5px 0px 5px;
}

.menuseparator
{
font-size:20px;
float:left;
font-family:Calibri, Verdana, Georgia;
color:#7A7A7A;
}

.cells1
{
background-color:#98FB98; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.cells2
{
background-color:#fd988b; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.cells3
{
background-color:#9ee2e8; 
border-radius:5px; 
border:1px solid #999999; 
box-shadow:0px 0px 2px #666666;
}

.commentsview
{
height:400px;
width:98.8%;
border-radius:10px;
border:1px solid #333333;
float:left;
overflow:hidden;
box-shadow:0px 0px 10px #999999;
margin:8px 0px 5px 0px;
padding:5px 5px 5px 5px;
}

.commentsview .commentcontainer
{
height:inherit;
width:99.8%;
border:0px solid #333333;
overflow:auto;
float:left;
}

.roleaccess {
    border: 1px solid #999999;
    border-radius: 10px;
    box-shadow: 0 0 5px #666666;
    height: 340px;
    width: 100%;
}

.accessinner {
    border: 0 solid #999999;
    height: 93%;
    margin: 6px 5px 5px;
    overflow: auto;
    width: 97.4%;
}
.collapsed
{
	width:99.5%;
	padding:2px 2px 2px 2px;
	max-height:36px;
	font-family:Calibri, Verdana, Georgia;
	font-size:15px;
	color:#333333;
	border:1px solid #666;
	overflow:hidden;
	float:left;
	text-align:left;
	border-radius:4px;
	box-shadow:0px 0px 5px #999;
	margin-top:5px;
	-webkit-transition:  0.8s ease-in-out;
	-moz-transition:  0.8s ease-in-out;
	-o-transition:  0.8s ease-in-out;
	-ms-transition:  0.8s ease-in-out;
	transition:  0.8s ease-in-out;
}

.expanded
{
	width:99.5%;
	padding:2px 2px 2px 2px;
	max-height:5000px;
	font-family:Calibri, Verdana, Georgia;
	font-size:15px;
	color:#333333;
	border:1px solid #666;
	overflow:auto;
	float:left;
	text-align:left;
	border-radius:4px;
	box-shadow:0px 0px 5px #999;
	margin-top:5px;
	-webkit-transition:  0.8s ease-in-out;
	-moz-transition:  0.8s ease-in-out;
	-o-transition:  0.8s ease-in-out;
	-ms-transition:  0.8s ease-in-out;
	transition:  0.8s ease-in-out;
}

.arrow-up
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #666666;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

.arrow-up:hover
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #999999;
	float:right;
	margin-top:5px;
	cursor:pointer;
}


.arrow-down
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #666666;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

.arrow-down:hover
{
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #999999;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

.chronheader
{
	width:98.6%;
	background-color:#b9d3dd;
	border-radius:4px;
	padding:6px 6px 6px 6px;
	border:1px solid #aeadad;
}

.paginationcontainer
{
	width:99.2%;
	height:auto;
	overflow:auto;
	border:0px solid #999;
	float:left;
	padding:5px 3px 5px 3px;
	margin-top:5px;
}

.paginationcontainer .pagenum
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#fff;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#333333;
	cursor:pointer;
	float:left;
	margin:0px 2px 0px 2px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.paginationcontainer .pagenumselected
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#666666;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#fff;
	cursor:text;
	float: left;
	margin:0px 2px 0px 2px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.paginationcontainer .pagenum:hover
{
	width:auto;
	padding:3px 9px 3px 9px;
	border:2px solid #999;
	border-radius:6px;
	background-color:#666666;
	font-family:Calibri, Verdana, Georgia;
	font-size:11px;
	color:#fff;
	float:left;
	margin:0px 2px 0px 2px;
}

.arrowleft
{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #999;
	float:left;
	margin:2px 3px 0px 3px;
	cursor:pointer;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
	
}

.arrowright
{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left:10px solid #999;
	float:left;
	margin:2px 3px 0px 3px;
	cursor:pointer;
	-webkit-transition:  0.2s ease-in-out;
	-moz-transition:  0.2s ease-in-out;
	-o-transition:  0.2s ease-in-out;
	-ms-transition:  0.2s ease-in-out;
	transition:  0.2s ease-in-out;
}

.applist1
{
height:30px;
width:auto;
font-family:Calibri, Verdana, Georgia;
font-size:14px;
color:#333333;
border:1px solid #666666;
padding:4px 5px 4px 5px;
border-radius:7px;
}

.autocomplete
{
	top:93%;
	left:2%;
	position:absolute;
	height:auto;
	width:467px;
	overflow:auto;
	background-color:#FFF;
	border:1px solid #666666;
	padding:4px 5px 4px 5px;
	border-radius:7px;
}

.autocomplete .autoinner
{
	top:0%;
	left:0%;
	position:relative;
	max-height:200px;
	width:100%;
	overflow:auto;
	border:0px solid #666666;
}

.autocomplete .autoinner table tr td
{
	background-color:none;
	cursor:pointer;
	border-radius:3px;
	border:1px solid #fff;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.autocomplete .autoinner table tr td:hover
{
	background-color:#d1e8ea;
	border:1px solid #999999;
	box-shadow:0px 0px 7px #999999;
}

.importcontainer {
    border: 1px solid #333333;
    border-radius: 7px;
    float: left;
    height: auto;
    margin-bottom: 7px;
    overflow: auto;
    width: 99.8%;
}