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

html, body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/*min-width: 1024px;*/
	min-width:1124px;
	font-size: 14px;
	font-family: 'Tcm', Verdana, Geneva, sans-serif;
	overflow-x: hidden;
}
body.Login 
{
   /* background:url("../../Content/images/LoginBackground.png") repeat scroll left top transparent;*/
}
body.Reports, body.Events, body.Students 
{
    background: url(../../Content/images/MainBackground.png) top left repeat;
}

@font-face {
    font-family: 'Tccm';
    src: url('../../Content/Fonts/Tccm.eot');
    src: url('../../Content/Fonts/Tccm.eot?#iefix') format('embedded-opentype'),
         url('../../Content/Fonts/Tccm.svg#Tccm') format('svg'),
         url('../../Content/Fonts/Tccm.ttf') format('truetype'),
         url('../../Content/Fonts/Tccm.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tcb';
    src: url('../../Content/Fonts/Tcb.eot');
    src: url('../../Content/Fonts/Tcb.eot?#iefix') format('embedded-opentype'),
         url('../../Content/Fonts/Tcb.svg#Tcb') format('svg'),
         url('../../Content/Fonts/Tcb.ttf') format('truetype'),
         url('../../Content/Fonts/Tcb.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Tcm';
    src: url('../../Content/Fonts/Tcm.eot');
    src: url('../../Content/Fonts/Tcm.eot?#iefix') format('embedded-opentype'),
         url('../../Content/Fonts/Tcm.svg#Tcm') format('svg'),
         url('../../Content/Fonts/Tcm.ttf') format('truetype'),
         url('../../Content/Fonts/Tcm.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.BorderRadius7Bottom {
	border-bottom-right-radius: 7px 7px;
	border-bottom-left-radius: 7px 7px;
	behavior: url(js/PIE.php);
}

.BorderRadius5Bottom {
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}


.BorderRadius7 {
	border-radius: 7px;
}

.BorderRadius5 {
	border-radius: 5px;
}

.BorderRadius5tlbl {
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}
.BorderRadius5trbr {
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.BorderRadius3 {
	border-radius: 3px;
}

.BorderRadius2 {
	border-radius: 2px;
}

.BorderRadius10 {
	border-radius: 10px;
}

.BorderRadius15 {
	border-radius: 15px;
}

.BorderRadius20 {
	border-radius: 20px;
}

.BorderRadius10Top {
	border-top-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
}

.BorderRadius15Top {
	border-top-right-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
}

/*.InnerShadowSmaller {
   -moz-box-shadow: inset 2px 2px 10px #676b6e;
   -webkit-box-shadow: inset 2px 2px 10px #676b6e;
   box-shadow: inset 2px 2px 10px #676b6e;
}*/

.InnerShadow {
   -moz-box-shadow: inset 0 1px 24px #cfd0d2;
   -webkit-box-shadow: inset 0 1px 24px #cfd0d2;
   box-shadow: inset 0 1px 24px #cfd0d2;
}

.InnerShadowMenuLeftLogIn {
   -moz-box-shadow: inset 0px 1px 1px #ab8dae;
   -webkit-box-shadow: inset 0px 1px 1px #ab8dae;
   box-shadow: inset 0px 1px 1px #ab8dae;
}

.InnerShadowInputPurple {
   /*-moz-box-shadow: inset 0 4px 2px #622e62;
   -webkit-box-shadow: inset 0 4px 2px #622e62;
   box-shadow: inset 0 4px 2px #622e62;*/
}

.MainWrapper {
	float: left;
	width: 100%;
	height: 100%;
	overflow-x: hidden; /* added by sadiq */
}


/*---------- MainMenu ----------*/

.MainMenuMainContainer {
	float: left;
	
	/*position: fixed;*/
	width: 273px;
	height: 100%;
	/*min-height: 700px;*/
	z-index: 200;
}

.MainMenuContent {
	float: left;
	width: 250px;
	height: 100%;
	min-height: 100%;
	/*background-color: #683168;*/
	border-right: 2px solid #fff;
}

.MainMenuBackgroundPattern {
	position: relative;
	float: left;
	width: 250px;
	height: 100%;
	min-height: 100%;
	background: url(../../Content/images/MainMenuContainerBackgroundPattern.png) top left repeat;
}

.MainMenuShadow {
	float: left;
	width: 21px;
	height: 100%;
	background: url(../../Content/images/MainMenuShadow.png) center left no-repeat;
}

.TopButtonsContainer {
	float: left;
	width: 250px;
	height: 47px;
	/*background: url(../../Content/images/MainMenuSeparator_v2.png) right bottom no-repeat;*/
}

.TopButtonsContainer span {
	float: right;
	width: 62px;
	height: 2px;
	background: url(../../Content/images/ClosedMenuSeparator_v2.png) top right no-repeat;
	margin-top: 7px;
	display: none;
}



a.ButtonMinimizeMaximize {
	float: left;
	width: 24px;
	height: 24px;
	background: url(../../Content/images/ButtonMinimizeMainMenu_v2.png) top left no-repeat;
	margin-left: 24px;
	margin-top: 11px;
}

a.ButtonSettings {
	float: left;
	width: 19px;
	height: 19px;
	background: url(../../Content/images/ButtonSettings_v2.png) top left no-repeat;
	margin-left:16px;
	margin-top: 12px;
}

a.ButtonInfo {
	float: left;
	width: 19px;
	height: 19px;
	background: url(../../Content/images/ButtonInfo_v2.png) top left no-repeat;
	margin-left: 16px;
	margin-top: 12px;
}

a.ButtonInfo:hover, a.ButtonSettings:hover {
	background-position: bottom left;
}

.MainMenu {
	float: left;
	width: 273px;
	height: auto;
	margin-top: 131px;
}

.MainMenu ul {
	float: left;
	width: 273px;
	height: auto;
	padding: 0px;
	list-style: none;
}

.MainMenu ul li {
	float: left;
	position: relative;
	width: 250px;
	height: 37px;
	cursor: pointer;
	background: url(../../Content/images/MainMenuSeparator_v2.png) bottom right no-repeat;
}

.MainMenu ul li span {
	float: left;
	width: 22px;
	height: 37px;
	margin-left: 26px;
	position: relative;
	display: block;
}

.MainMenu ul li span.Diary {
	background: url(../../Content/images/IconDiary_v2.png) top left no-repeat;
	
}

.MainMenu ul li span.Details {
	background: url(../../Content/images/IconDetails_v2.png) top left no-repeat;
}

.MainMenu ul li span.Timetable {
	background: url(../../Content/images/IconTimetable_v2.png) top left no-repeat;
}

.MainMenu ul li span.Attendance {
	background: url(../../Content/images/IconAttendance_v2.png) top left no-repeat;
}

.MainMenu ul li span.Behaviour {
	background: url(../../Content/images/IconBehaviour_v2.png) top left no-repeat;
}

.MainMenu ul li span.Assessment {
	background: url(../../Content/images/IconAssessment_v2.png) top left no-repeat;
}

.MainMenu ul li span.Events {
	background: url(../../Content/images/IconEvents_v2.png) top left no-repeat;
}

.MainMenu ul li a {
	float: left;
	width: 178px;
	height: 37px;
	color: #ccc;
	font-size: 18px;
	font-family: 'Tcm', Verdana, Geneva, sans-serif;
	text-decoration: none;
	line-height: 37px;
	padding-right: 24px;
	text-align: right;
}
.MainMenu ul li span.MainMenuArrow 
{
    display:none;
}
.MainMenu ul li.Selected span.MainMenuArrow 
{
    display:block;
}
.MainMenu ul li span.MainMenuArrow {
	/*float: left;
	width: 9px;
	height: 37px;
	display: none;
	margin-left: 0px;
	background: url(../../Content/images/MainMenuArrow.png) center left no-repeat;*/
	height:0;
	margin:0;
	width:0;
}


.MainMenu ul li span.MainMenuArrow:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #683168;
    border-style: solid;
    border-width: 10px;
}
.MainMenu ul li span.MainMenuArrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #FFF;
    border-style: solid;
    border-width: 13px;
}

.MainMenu ul li:hover {
	width: 273px;
	background-position: 28px 35px;
}

.MainMenu ul li:hover span, .MainMenu ul li.Selected span {
	background-position: bottom left;
}

.MainMenu ul li:hover a {
	color: #fff;
}

.MainMenu ul li.Selected {
	width: 259px;
	background-position: 28px 35px;
	cursor: default;
 }
 
.MainMenu ul li.Selected a {
	color: #fff;
}

.MainMenu ul li.Selected:hover a, .MainMenu ul li.Selected:hover span {
	cursor: default;
}

.MainMenu ul li:hover span.MainMenuArrow, .MainMenu ul li.Selected span.MainMenuArrow {
	display: block;
}

.MainMenuMainContainer.Closed {
	width: 85px;
	margin-right: 84px;
}

.MainMenuMainContainer.Closed .MainMenuContent {
	width: 62px;
}

.MainMenuMainContainer.Closed .MainMenuContent .MainMenuBackgroundPattern .MainMenu a {
	display: none;
}

.MainMenuMainContainer.Closed .MainMenuContent .MainMenuBackgroundPattern .MainMenu ul {
	width: 76px;
}

.MainMenuMainContainer.Closed .MainMenuContent .MainMenuBackgroundPattern .MainMenu li {
	background: none;
	width: 76px;
	background: url(../../Content/images/ClosedMenuSeparator_v2.png) 10px 35px no-repeat;
}

.MainMenuMainContainer.Closed .MainMenuContent .MainMenuBackgroundPattern .MainMenu li span.Diary {
}


.MainMenuMainContainer.Closed .MainMenu li span.MainMenuArrow {
	margin-left: 14px;
}

.MainMenuMainContainer.Closed .TopButtonsContainer {
	width: 62px;
	height: auto;
	background: none;
}

.MainMenuMainContainer.Closed .MainMenuBackgroundPattern {
	width: 62px;
}

.MainMenuMainContainer.Closed .TopButtonsContainer a.ButtonInfo,.MainMenuMainContainer.Closed .TopButtonsContainer a.UserInfo {
	margin-left: 25px;
}

.MainMenuMainContainer.Closed .TopButtonsContainer a.ButtonSettings {
	float: left;
	margin-left: 25px;
}

.MainMenuMainContainer.Closed .TopButtonsContainer span {
	display: block;
}

.MainMenuMainContainer.Closed a.ButtonMinimizeMaximize {
	background: url(../../Content/images/ButtonMaximizeMainMenu_v2.png) top left no-repeat;
}

.MainMenuMainContainer.Closed a.ButtonMinimizeMaximize:hover {
	background-position: bottom left;
}

.MainMenuMainContainer a.ButtonMinimizeMaximize:hover {
	background-position: bottom left;
}

.MainMenu ul li span.MenuTooltip {
	position: absolute;
	width: auto;
	height: 39px;
	white-space: nowrap !important; 
	display: block;
	top: -35px;
	left: -35px;
	display: none;
}

.MainMenu ul li span.TooltipCenter {
	float: left;
	width: auto;
	height: 31px;
	background-color: #000;
	color: #fff;
	line-height: 31px;
	text-align: center; 
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	white-space: nowrap !important; 
}

.MainMenu ul li span.TooltipArrow {
	float: left;
	width: auto;
	height: 8px;
	min-width: 30px;
	background: url(../../Content/images/TooltipArrow.png) top left no-repeat;
	display: block;
	margin: 0px;
	clear: left;
	white-space: nowrap !important; 
}

.MainMenu ul li span.Diary:hover span.MenuTooltip, .MainMenu ul li span.Details:hover span.MenuTooltip, .MainMenu ul li span.Timetable:hover span.MenuTooltip, .MainMenu ul li span.Attendance:hover span.MenuTooltip, .MainMenu ul li span.Behaviour:hover span.MenuTooltip, .MainMenu ul li span.Assessment:hover span.MenuTooltip, .MainMenu ul li span.Events:hover span.MenuTooltip {
	display: block;
	white-space: nowrap !important; 
}

/*---------- MainMenu Bottom ----------*/

.MainMenuMainContainer .SearchLoginContainer {
	/*position: absolute;*/
	bottom: 15px;
	left:0px;
	width: 250px;
	height: auto;
}

.MainMenuMainContainer.Closed .SearchLoginContainer {
	float: left;
	width: 62px;
	display: block;
}

.MainMenuMainContainer a.LoginIcon {
	float: right;
	width: 16px;
	height: 15px;
	background: url(../../Content/images/IconLogin_v2.png) top left no-repeat;
	margin-right: 17px;
	display: none;
}

a.LoginIcon:hover {
	background-position: bottom left;
}

.MainMenuMainContainer.Closed a.LoginIcon {
	display: block;
}

.MainMenuMainContainer a.SearchIcon {
	float: right;
	width: 17px;
	height: 18px;
	background: url(../../Content/images/IconSearch_v2.png) top left no-repeat;
	margin-right: 17px;
	display: none;
}

.MainMenuMainContainer.Closed  a.SearchIcon {
	display: block;
}

a.SearchIcon:hover {
	background-position: bottom left;
}

.MainMenuMainContainer .SearchLoginContainer span {
	float: right;
	width: 62px;
	height: 2px;
	background: url(../../Content/images/ClosedMenuSeparator_v2.png) top right no-repeat;
	display: none;
	margin-top: 14px;
	margin-bottom: 14px;
}

.MainMenuMainContainer.Closed .SearchLoginContainer span {
	display: block;
}

.MainMenuMainContainer .LoginContainer {
	float: left;
	width: 222px;
	height: 14px;
	color: #ccc;
	margin-left: 28px;
}

.MainMenuMainContainer .LoginContainer div {
	float: left;
}

.MainMenuMainContainer .LoginName {
	color: #000;
	margin-left: 5px;
	color: #fff;
	max-width:90px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.MainMenuMainContainer .LogoutContainer {
	border-left: 1px solid #ccc;
	margin-left: 10px;
}

.MainMenuMainContainer .LogoutContainer a {
	color: #777;
	text-decoration: none;
	margin-left: 10px;
}

.MainMenuMainContainer .LogoutContainer a:hover {
	text-decoration: underline;	
}

.MainMenuMainContainer .InputContainer {
	float: left;
	width: 213px;
	height: 32px;
	/*background: url(../../Content/images/InputBackground.png) top left no-repeat;*/
	margin-top: 16px;
	margin-left: 20px;
	/*background: none repeat scroll 0 0 #502650;*/
    border-radius: 20px;
    
	box-shadow: 0 0 4px #000000 inset;
	-moz-box-shadow: 0 0 4px #000000 inset;
	-webkit-box-shadow: 0 0 4px #000000 inset;
	-o-box-shadow: 0 0 4px #000000 inset;
}

.MainMenuMainContainer .InputContainer input {
	float: left;
	width: 175px;
	height: 30px;
	/*line-height: 32px;*/
	border: none;
	background: none;
	margin-left: 15px;
	color: #fff;
	outline: none;
}

.MainMenuMainContainer .InputContainer a {
	float: left;
	width: 15px;
	height: 30px;
	margin-top: 1px;
	background: url(../../Content/images/ButtonSearchIcon.png) center center no-repeat;
}

.MainMenuMainContainer.Closed .LoginContainer {
	display: none;
}

.MainMenuMainContainer.Closed .InputContainer {
	display: none;
}

/*---------- MainMenu Bottom End----------*/

/*---------- MainMenu End ----------*/

/*---------- Central Content ----------*/

.MainContentMainContainer {
	position: relative;
	/*float: left;
	width: 740px;
	width:1040px;*/
	width:75%;
	/*height: 100%; */
	/*margin-left: 8px;
	margin-left: auto;
	margin-right: auto;
	left: 31px;*/
	float:left;
}

.MainTopUserContainer {
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 50;
}

.DashboardContainer {
	float: left;
	/*width: 349px;*/
	width: 48%;
	height: auto;
	overflow: hidden;
	/*margin-right: 20px;*/
	/*margin-right: 2%;*/
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
}

.DashboardContainer.FullWidth {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

.DashboardContainer.Quarter {
	width: 23%;
}

.DashboardContent {
	float: left;
	width: 100%;
	height: auto;
	min-height: 254px;
	background-color: #fff;
	position: relative;
}

.DashboardContent.SmallHeight {
	min-height: 80px;
}

.DashboardContainer.FullWidth .DashboardContent {
	width: 100%;
}

.DashboardLabelContainer {
	float: left;
	width: 100%;
	height: 55px;
	background-color: #000;
}

.DashboardContainer.FullWidth .DashboardLabelContainer {
	width: 100%;
}

.LabelShadow {
	float: left;
	/*width: 343px;*/
	width: 96%;
	padding-left: 4%;
	height: 52px;
	margin-left: 3px;
	margin-top: 3px;
	background: url(../../Content/images/DashboardShadow.png) top left no-repeat;
	/*text-align: center;*/
	color: #fff;
	font-size: 18.2px;
	/*padding-left: 30px;*/
	line-height: 52px;
	text-transform: uppercase;
}

.DashboardContainer.FullWidth .LabelShadow {
	width: 96%;
	padding-left: 4%;
}

.LabelIcon {
	float: right;
	width: auto;
	height: 30px;
	margin-top: 8px;
	margin-right: 15px;
}

.LabelIcon.Details {
	margin-top: 10px;
}

.DashboardShadow {
	float: left;
	width: 349px;
	height: 12px;
}

.DashboardContainer.FullWidth .DashboardShadow {
	width: 100%;
}

.DashboardShadowLeft {
	float: left;
	width: 174px;
	height: 12px;
	background: url(../../Content/images/DashboardShadowLeft.png) top left no-repeat;
}

.DashboardShadowRight {
	float: right;
	width: 175px;
	height: 12px;
	background: url(../../Content/images/DashboardShadowRight.png) top left no-repeat;
}

.UserContainer {
	width: 184px;
	height: 50px;
	background: url(../../Content/images/TopUserBackground.png) top left repeat-x;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.UserImage {
	float: left;
	width: 37px;
	height: 37px;
	border: 1px solid #fff;
	margin-top: 5px;
	margin-left: 10px;
	overflow: hidden;
}

.UserName {
	float: left;
	width: 77px;
	height: auto;
	color: #fefefe;
	margin-left: 8px;
	margin-top: 8px;
}

.UserTopSeparator {
	float: left;
	width: 2px;
	height: 50px;
	background: url(../../Content/images/UserTopSeparator.png) top left no-repeat;
}

.UserTopChart {
	float: left;
	width: 28px;
	height: 28px;
	margin-top: 7px;
	margin-left: 9px;
}

.MainTopLoginContainer {
	position: absolute;
	top: 20px;
	right: 10px;
	width: auto;
	height: 14px;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	line-height: 14px;
}

.MainTopLoginContainer a {
	float: right;
	width: auto;
	height: 14px;
	color: #683168;
	text-decoration: none;
}

.MainTopLoginContainer a:hover {
	text-decoration: underline;
}

.MainTopLoginContainer span {
	float: right;
	width: 2px;
	height: 14px;
	background: #000;
	margin-left: 10px;
	margin-right: 10px;
}

.LoginContent {
	float: right;
	width: auto;
	height: 14px;
	color: #683168;
}

.LoginContent span {
	float: none;
	width: auto;
	background: none;
	color: #000;
	margin-right: 0px;
	margin-left: 5px;
}

.TransparentBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .5;
	z-index: 20;
}

.MainCentralContainer {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 78px;
}

.MainLabelContainer {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.UserReportDropDownContainer.MainLabelContainer {
	display: block;
    float: left;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.MainCentralLabel h2 {
    margin: 0;
    padding: 0;
}

.UserReportDropDownContainer.MainLabelContainer .demo-section {
    display: block;
    overflow: hidden;
    padding: 5px 5px 8px;
}

.MainLabelContainer.Dashboard {
	width: 99%;
	margin-left: 1%;
}


.MainCentralLabel {
    color: #ccc;
    float: left;
    font-size: 24px;
    height: auto;
    min-width: 667px;
    width: 90%;
}

.UserReportDropDownContainer .MainCentralLabel {
    color: #888;
    float: right;
    font-size: 14px;
    height: auto;
    margin: 5px 5px 0;
    min-width: 200px;
    overflow: hidden;
    width: auto;
}

.MainLabelInfo {
	float: left;
	width: 90%;
	height: auto;
	min-width: 667px;
	font-size: 18px;
	color: #fff;
}

.PageIcon {
	float: right;
	width: 48px;
	height: 45px;
	margin-top: -27px;
}

.MainContent {
	float: left;
	width: 100%;
	height: 100%;
}

.MainPageCentralContainer {
	float: left;
	width: 100%;
	height: auto;
}

.MainContentPageContainer {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*background-color: #683168;*/
}

.PopupWrapper .MainContentPageContainer 
{
    background:#fff;
}

.MainContentTopContainer {
	float: left;
	width: 100%;
	height: 40px;
	/*background: #411e41;*/
	background:url("../../Content/images/TopMenuContentBackground.png") repeat scroll left top transparent;
}

.DropdownContainer {
	float: left;
	width: 59px;
	height: 21px;
	background: url(../../Content/images/TopDropdownPurple.png) top left no-repeat;
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	padding-left: 10px;
	text-transform: uppercase;
	margin-top: 12px;
	margin-left: 25px;
}

.DropdownContainer.LessLeftMargin {
	margin-left: 5px;
}

.DropdownContainer.Date {
	float: right;
	width: 84px;
	background: url(../../Content/images/TopDropdownBlack.png) top left no-repeat;
	margin-right: 20px;
}

.PageCentralMenu {
	display: table;
	float: none;
	text-align: center;
	width: 100%;
	height: 39px;
	max-height: 39px;
	/*margin-bottom: 30px;*/
	background: #000 url(../../Content/images/TopMenuContentBackground.png) top left repeat;
}

.PageCentralMenu.LessRightMargin .MainPageMenuOptionContainer {
	margin-right: 2px;
}

.PageCentralMenu.SmallerHeight {
	height: 33px;
	background: url(../../Content/images/TopMenuContentBackground.png) top left repeat;
}

.PageCentralMenuContent {
	/*float: left;*/
	width: auto;
	/*height: 41px;*/
	min-height: 41px;
	margin-left: auto;
	margin-right: auto;
}

a.PageCentralMenuArrowLeft {
	float: left;
	width: 8px;
	height: 13px;
	background: url(../../Content/images/PageCentralMenuArrowLeft.png) top left no-repeat;
	margin-top: 16px;
	margin-left: 14px;
}

a.PageCentralMenuArrowRight {
	float: right;
	width: 8px;
	height: 13px;
	background: url(../../Content/images/PageCentralMenuArrowRight.png) top left no-repeat;
	margin-top: 16px;
	margin-right: 14px;
}

a.PageCentralMenuArrowLeft.Invisible, a.PageCentralMenuArrowRight.Invisible {
	display: none;
}

.MainPageMenuOptionContainer {
	display: inline-block;
	width: auto;
	height: 41px;
	margin-top: 8px;
	cursor: pointer;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: -10px;
    position:relative;
}

.PageCentralMenuLeft {
	float: left;
	width: 10px;
	height: 31px;
}

.PageCentralMenuRight {
	float: left;
	width: 10px;
	height: 31px;
}

.PageContentCentralMenu {
	float: left;
	width: auto;
	height: 31px;
	line-height: 31px;
	color: #fff;
	text-transform: uppercase;
}

.PageCentralMenuArrow {
	margin-top: 31px;
	width: 100%;
	height: 0px;
	/*background: url(../../Content/images/TableMenuArrow.png) top center no-repeat;*/
}

.MainPageMenuOptionContainer:hover .PageCentralMenuLeft, .MainPageMenuOptionContainer.Selected .PageCentralMenuLeft {
	/*background: url(../../Content/images/TableMenuLeft.png) top left no-repeat;*/
     border-radius: 8px 0 0 8px;
     -moz-border-radius: 8px 0 0 8px;
     -webkit-border-radius: 8px 0 0 8px;
     -o-border-radius: 8px 0 0 8px;
}

.MainPageMenuOptionContainer:hover .PageCentralMenuRight, .MainPageMenuOptionContainer.Selected .PageCentralMenuRight {
	/*background: url(../../Content/images/TableMenuRight.png) top left no-repeat;*/
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
}

.MainPageMenuOptionContainer:hover .PageContentCentralMenu, .MainPageMenuOptionContainer.Selected .PageContentCentralMenu {
	/*background: url(../../Content/images/TableMenuCentral.png) top left repeat-x;*/
}

.MainPageMenuOptionContainer:hover .PageCentralMenuArrow, .MainPageMenuOptionContainer.Selected .PageCentralMenuArrow {
	height: 10px;
	/*background: url(../../Content/images/TableMenuArrow.png) top center no-repeat;*/
}

.MainContentTable {
	float: left;
	width: 96% !important;
	/*height: auto;*/
	height: auto;
	margin-left: 2%;
	margin-bottom: 2%;
}

.MainContentTable.DashboratContainer {
	width: 98%;
	margin-left: 1%;
	margin-bottom: 1%;
	height: 180px;
}

.MainContentTable.DashboratContainerHalf {
	width: 96%;
	margin-left: 2%;
	margin-bottom: 2%;
	height: 180px;
}

.MainContentTable.DashboratContainerQuarter {
	width: 92%;
	margin-left: 4%;
	margin-bottom: 4%;
	height: 180px;
}

.MainContentTable.DashboratContainerQuarterSmall {
	width: 92%;
	margin-left: 4%;
	margin-bottom: 4%;
	height: 28px;
}

.MainContentTable.LessWidth {
	width: 92%;
}

.MainContentTable.MarginTop {
	margin-top: 2%;
}

.MainContentTable.BackgroundColor {
	background: #f3f5f7;
	padding-bottom: 20px;
	padding-top: 20px;
}

.InnerMainContainer {
	float: left;
	width: 92%;
	/*height: auto;*/
	margin-left: 3%;
}

.CalendarContainer {
	/*float: left;*/
	width: 602px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.MainInnerChartContainer {
	width: 612px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.InnerLabel {
	float: left;
	width: 612px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.ChartsContainer {
	float: left;
	width: 612px;
	height: auto;
	margin-bottom: 30px;
}

.MonthChartContainer {
	float: left;
	position: relative;
	width: 149px;
	height: 121px;
	border-bottom: 2px solid #ebedf7;
	border-right: 2px solid #ebedf7;
}

.MonthChartContainer.NoRightBackgroundLine {
	border-right: none;
}

.MonthChartContainer.NoBottomBorder {
	border-bottom: none;
}

.MonthChart {
	position: absolute;
	width: 153px;
	height: 14px;
	color: #000;
	left: 0px;
	bottom: 6px;
	text-align: center;
}

span.ChartYear {
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.MainDaysContainer {
	float: left;
	width: 602px;
	height: 30px;
}

.DayContent {
	float: left;
	width: 80px;
	height: 30px;
	margin-left: 6px;
	line-height: 30px;
	color: #000;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	text-align: center;
}

.MonthDaysContainer {
	float: left;
	width: 602px;
	height: auto;
	margin-top: 25px;
	background: url(../../Content/images/AssessmentLineSeparator.png) bottom left repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.MonthDay {
	position: relative;
	float: left;
	width: 80px;
	height: 30px;
	margin-left: 6px;
	margin-bottom: 6px;
	background: #e3e6ec;
	line-height: 30px;
	text-align: center;
	color: #545c6d;
	font-size: 18px;
}

.MonthDay span {
	float: left;
	width: 32px;
	height: 18px;
}

.MonthDay.StatusAbsent {
	background: #E16856;
	color: #fff;
}

.MonthDay.StatusPresent {
	background: #98CC86;
	color: #fff;
}

.MonthDay.StatusPartialyPresent {
	background: #FEC92D;
	color: #fff;
}

.MonthDay.StatusUnAbsent {
	background: #DECE62;
	color: #fff;
}

.MonthDay.StatusMissing {
    background: none repeat scroll 0 0 #683168;
    color: #FFFFFF;
}
.MonthDay.StatusNotReceived {
    /*background: #ce7095;
    color: #FFFFFF;*/
}

.MonthDay.StatusClosed {
    
}


.MonthDay.StatusNull {
    /*background: none repeat scroll 0 0 #683168;
    color: #fff;*/
}

.MonthDay span.Present {
	position: absolute;
	top: 0;
	width: 40px;
	height: 30px;
	background: #98cc86;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	display: none;
}

.MonthDay span.Unauth {
	position: absolute;
	top: 0;
	width: 40px;
	height: 30px;
	background: #E16856;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	display: none;
}

.MonthDay span.Auth {
    background: #DECE62;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.MonthDay span.Missing {
    background: #683168;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.MonthDay span.Approved {
    background: #ce7095;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.MonthDay span.BorderRadius5trbr {
    right: 0;
}
.MonthDay span.BorderRadius5tlbl {
    left: 0;
}
.MonthDay.Date span.Unauth, .MonthDay.Date span.Present,.MonthDay.Date span.Auth,.MonthDay.Date span.Missing,.MonthDay.Date span.Approved {
	display: block;
}

span.DateNumber {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.MonthDay.Date span.DateNumber {
	color: #fff;
}

.MonthDay.Clear {
	background: none;
}

.ChartMainContainer {
	float: left;
	width: 604px;
	height: 82px;
	margin-bottom: 20px;
}

.ChartContainer {
	float: left;
	width: 82px;
	height: 82px;
}

.ChartTextualContent {
	float: left;
	width: 482px;
	height: 82px;
	margin-left: 40px;
}

.ChartLabel {
	float: left;
	width: 400px;
	height: 14px;
	color: #000;
	margin-bottom: 30px;
}

.ChartPercentContainer {
	float: left;
	width: auto;
	height: 22px;
}

.ChartPercentContent {
	float: left;
	width: auto;
	height: 22px;
	margin-right: 20px;
}

.ChartColor.Present {
	background: #98cc86;
	margin-right: 15px;
}

.ChartColor.Unauth {
	background: #e16856;
	margin-right: 15px;
}

.ChartColor.AuthAbs {
	background: #fec92d;
	margin-right: 15px;
}

span.ChartPercentNumber {
	float: left;
	width: auto;
	height: 22px;
	line-height: 22px;
	color: #545c6d;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

span.ChartPercentNumber span {
	float: left;
	width: auto;
	height: 22px;
	line-height: 22px;
	color: #545c6d;
	margin-right: 10px;
	font-family: 'Tcm', Verdana, Geneva, sans-serif;
}

.InnerBlueLine {
	float: left;
	width: 100%;
	height: 8px;
	background: #e3e7f1;
	margin-bottom: 20px;
	margin-top: 20px;
}

.InnerContentScrollerContainer {
	float: right;
	position: relative;
	width: 8px;
	height: 310px;
	background: url(../../Content/images/ScrollerBackground.png) top left no-repeat;
}

.InnerContentScrollerContainer.BigHeight {
	background: url(../../Content/images/ScrollerBackgroundBig.png) top left no-repeat;
	height: 443px;
	margin-right: 22px;
}

.InnerContentScrollerContainer.Smaller {
	height: 157px;
	background: url(../../Content/images/ScrollerBackgroundSmaller.png) top left no-repeat;
}

.InnerContentScrollerContainer.SmallerMarginTop {
	height: 157px;
	margin-top: 20px;
	background: url(../../Content/images/ScrollerBackgroundSmaller.png) top left no-repeat;
}

.InnerContentScroller {
	position: absolute;
	width: 8px;
	height: 52px;
	background: url(../../Content/images/Scroller.png) top left no-repeat;
	top: 0px;
	left: 0px;
}

.InnerRow {
	float: left;
	/*width: 95%; change to accomodate scrolling*/
	width:99%;
	min-height: 40px;
	background: url(../../Content/images/AssessmentLineSeparator.png) bottom left repeat-x;
	margin-top: 5px;
}

.AssessContainer {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin-right: 30px;
}

.InnerRow.Neutral .AssessContainer {
	background: #929eb4;
}

.InnerRow.Negative .AssessContainer {
	background: #e16856;
}

.InnerRow.Positive .AssessContainer {
	background: #98cc86;
}

.ResultContent {
	float: left;
	width: auto;
	min-height: 30px;
	line-height: 30px;
	width:80%;
}

.ResultContent span {
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.ResultDate {
	float: right;
	width: 85px;
	height: 30px;
	line-height: 30px;
	color: #683168;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.MainPageContent {
	float: left;
	width: 92%;
	height: auto;
	min-height: 448px;
	margin-left: 4%;
	margin-bottom: 2%;
	border: 2px solid #f3f5f7;
	overflow: hidden;
	background: url(../../Content/images/MainPageContentBackground.png) bottom left repeat-x;
	padding-bottom: 20px;
}

.MainPageContentTopContent {
	float: left;
	width: 88%;
	height: auto;
	margin-left: 6%;
	margin-top: 25px;
}

.MainPageContentTopContent .UserImage {
	float: left;
	width: 103px;
	height: 103px;
	margin: 0px;
	margin-top: 6px;
	border: 2px solid #d5d3d7;
	overflow: hidden;
}

.UserDetailsContent {
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

.UserDetailsContent .UserName  {
	position: absolute;
	font-size: 21px;
	width: auto;
	height: auto;
	top: 0px;
	margin: 0px;
	left: 20px;
	white-space: nowrap;
	color: #683168;
}

.UserDetailsContent .UserInfo {
	color: #727787;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 24px;
    white-space: nowrap;
    width: auto;
}

.ArrowsContainer {
	float: right;
	width: 50px;
	height: 22px;
}

a.DetailsArrowLeft {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../../Content/images/BehaviourInnerArrowLeft.png) top left no-repeat;
}

a.DetailsArrowRight {
	float: right;
	width: 22px;
	height: 22px;
	background: url(../../Content/images/BehaviourInnerArrowRight.png) top left no-repeat;
}

a.DetailsArrowLeft:hover, a.DetailsArrowRight:hover {
	background-position: bottom left;
}

.UserInfoContainer {
	float: left;
	width: 100%;
	height: auto;
	margin-left: 3%;
}

.UserInfoContainer.NoLeftMargin {
	margin-left: 0%;
	margin-top: 20px;
}

.BorderLine {
	float: left;
	width: 100%;
	height: 8px;
	background: #e3e7f1;
	margin-top: 27px;
}

.UserContent {
	float: left;
	width: 100%;
	/*height: 41px;*/
	background: url(../../Content/images/UserInfoBackgroundLine.png) bottom left repeat-x;
}

.UserContentLabel {
	float: left;
	width: auto;
	height: 41px;
	padding-left: 30px;
	padding-right: 10px;
	color: #000;
	font-size: 16px;
	line-height: 41px;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.UserContentInfo {
	float: left;
	width: auto;
	height: 41px;
	color: #683168;
	line-height: 41px;
	font-size: 16px;
}

.UserContentInfo.DataColor {
	color: #52576b;
}

.TableShadow {
	float: left;
	width: 100%;
	height: 26px;
}

.TableShadowLeft {
	float: left;
	width: 373px;
	height: 26px;
	background: url(../../Content/images/TableShadowLeft.png) top left no-repeat;
	margin-left: -12px;
}

.TableShadowRight {
	float: right;
	width: 373px;
	height: 26px;
	background: url(../../Content/images/TableShadowRight.png) top left no-repeat;
	margin-right: -12px;
}

.TableRowContainer {
	float: left;
	width: 100%;
	height: 43px;
	margin-bottom: 2px;
	cursor: pointer;
}

.TableRowContainer.LittleSmaller {
	width: 100%;
}

.TableRowContainer.Gray {
	background-color: #f3f5f7;
}

.TableRowContainer.DarkGray {
	background-color: #e3e6ec;
}

.TableRowContainer:hover {
	background-color: #8492aa;
}

.TimeClassContainer {
	float: left;
	width: 25%;
	height: 39px;
	margin-right: 3%;
	margin-left: 7%;
	padding-top: 4px;
}

.TimeClassContainer.SmallerWidth {
	width: 20%;
}

.TimeClassContainer span.Time {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	color: #763881;
	line-height: 18px;
}

.TimeClassContainer span.Time.BiggerHeight {
	height: 39px;
	line-height: 39px;
}

.TimeClassContainer span.Class {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	color: #52576b;
	line-height: 18px;
}

.PeContainer {
	float: left;
	width: 12%;
	height: 43px;
	margin-right: 7%;
	color: #000;
	line-height: 43px;
	text-align: center;
}

.PeContainer.Wider {
	width: 20%;
	margin-right: 2%;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.SHContainer {
	float: left;
	width: 10%;
	height: 43px;
	margin-right: 6%;
	color: #52576b;
	line-height: 43px;
	text-align: center;
}

.NameContainer {
	float: left;
	width: 25%;
	height: 43px;
	color: #7d8190;
	line-height: 43px;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	text-align: center;
}
.TableRowContainer:hover .TimeClassContainer span.Time, .TableRowContainer:hover .PeContainer, .TableRowContainer:hover .SHContainer, .TableRowContainer:hover .NameContainer, .TableRowContainer:hover .TimeClassContainer span.Class {
	color: #fff;
}

.NameContainer.Wider {
	width: 45%;
	font-family: 'Tcm', Verdana, Geneva, sans-serif;
}

.NameContainer.Wider span {
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	color: #000;
}

.TablePageArrowsDateContainer {
	float: left;
	width: 100%;
	height: 29px;
}

.TablePageLogoBottom {
	float: left;
	width: 100%;
	height: 29px;
	background: url(/Content/images/FooterLogo.png) top center no-repeat;
	/*margin-top: 50px;
	margin-bottom: 10px; */
}

.DateContainer {
	width: 300px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
}

.DateContainer span {
	float: left;
	width: 242px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	color: #683168;
	text-transform: uppercase;
}

.DateContainer span span {
	float: none;
	color: #000;
}

a.TableArrowLeft, a.LeftArrow  {
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	background: url(./Content/images/TableArrowLeft.png) top left no-repeat;
}

a.TableArrowLeft:hover, a.LeftArrow:hover {
	background-position: bottom left;
}

a.TableArrowRight, a.RightArrow {
	display: block;
	float: right;
	width: 29px;
	height: 29px;
	background: url(../../Content/images/TableArrowRight.png) top left no-repeat;
}

a.TableArrowRight:hover, a.RightArrow:hover {
	background-position: bottom left;
}

a.RightArrow {
	margin-top: -29px;
}

.MainTopUserContainer.Open {
	height: 202px;
}

.MainTopUserContainer.Open .UserContainer {
	width: 100%;
	height: 202px;
	background: none;
	background: url(../../Content/images/TopUserContainerOpenBackground.png) top left repeat-x;	
}

.MainTopUserContainerLeft {
	float: left;
	width: 51%;
	height: 100%;
	background: url(../../Content/images/TopUserContainerSeparator.png) center right no-repeat;
}

.MainTopUserContainerRight {
	float: left;
	width: 49%;
	height: 100%;
}

.MainTopUserContainer.Open .UserTopPartContainer {
	float: left;
	position: relative;
	width: 80%;
	height: auto;
	margin-top: 31px;
	margin-left: 15%;
}

.MainTopUserContainer.Open .UserTopPartContainer.Right {
	margin-left: 10%;
	margin-top: 24px;
}

.MainTopUserContainer.Open .UserImage {
	width: 103px;
	height: 103px;
	margin: 0px;
	border: 2px solid #fff;
}

.MainTopUserContainer.Open .UserName  {
	position: absolute;
	font-size: 21px;
	width: auto;
	top: 0px;
	margin: 0px;
	left: 115px;
}

.MainTopUserContainer.Open .UserInfo {
	position: absolute;
	width: auto;
	height: auto;
	color: #e5d4e7;
	font-size: 18px;
	margin: 0px;
	left: 115px;
	top: 45px;
}

.MainTopUserContainer.Open .ArrowsNumbersTextContainer {
	position: relative;
	float: left;
	width: 70%;
	height: 29px;
	margin-top: 15px;
	margin-left: 15%;
	z-index: 100;
}

.MainTopUserContainer.Open .ScrollingContent {
	width: 70%;
	height: 29px;
	text-align: center;
	line-height: 29px;
	font-weight: bold;
	font-size:14px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.MainTopUserContainer.Open .UserTopChart {
	width: 112px;
	height: 112px;
	margin: 0px;
}

.ChartInfoContent {
	float: left;
	width: auto;
	height: auto;
	margin-left: 32px;
}

.ChartInfoContainer {
	float: left;
	width: auto;
	height: auto;
	margin-bottom: 5px;
	clear: left;
}

.ChartInfoContainer.MarginTop {
	margin-top: 20px;
}

.ChartInfoLine {
	float: left;
	width: auto;
	height: 22px;
}

.ChartColor {
	float: left;
	width: 22px;
	height: 22px;
}

.ChartColor.Green {
	background-color: #a3b745;
}

.ChartColor.Orange {
	background-color: #f47d05;
}

.ChartColor.Yellow {
	background-color: #fec92d;
}

.Value {
	float: left;
	width: auto;
	height: 22px;
	color: #fefefe;
	margin-left: 15px;
	line-height: 22px;
}

.Value span {
	color: #fee7ff;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	margin-left: 15px;
}

.UserInnerContainer {
	float: left;
	width: 88%;
	height: auto;
	margin-bottom: 30px;
}

.InnerImageContainer {
	float: left;
	width: 99px;
	height: 99px;
	border: 2px solid #d5d3d7;
	overflow: hidden;
	background: #333333;
}

.InnerUserContent {
	float: left;
	position: relative;
	width: 517px;
	margin-left: 20px;
}

.InnerUserName {
	float: left;
	width: 450px;
	height: auto;
	color: #683168;
	font-size: 21px;
}

.InnerUserBasic {
	float: left;
	width: 450px;
	height: auto;
	color: #727787;
	font-size: 18px;
}

.InnerUserBasic span {
	float: left;
	width: 450px;
	height: auto;
}

.InnerButtonsContainer {
	position: absolute;
	width: 50px;
	height: 22px;
	top: 0px;
	right: 0px;
}

a.InnerArrowLeft {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../../Content/images/BehaviourInnerArrowLeft.png) top left no-repeat;
}

a.InnerArrowRight {
	float: right;
	width: 22px;
	height: 22px;
	background: url(../../Content/images/BehaviourInnerArrowRight.png) top left no-repeat;
}

a.InnerArrowLeft:hover, a.InnerArrowRight:hover {
	background-position: bottom left;
}

.InnerRowsContainer {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 12px;
	margin-bottom: 20px;
}

.RowsContainer {
	float: left;
	width: 95%;
	height: auto;
}

.InnerRowContent {
	float: left;
	width: 100%;
	min-height: 42px;
	background: url(../../Content/images/AssessmentLineSeparator.png) bottom left repeat-x;
}

.InnerRowContent.LastNoLine {
	background: none;
}

.InnerPointsContainer {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 6px;
	color: #fff;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	line-height: 30px;
	text-align: center;
	margin-right: 10px;
}

.InnerPointsContainer.Positive {
	background: #98cc86;
}

.InnerPointsContainer.Negative {
	background: #e16856;
}

.InnerPointsText {
	float: left;
	width: auto;
	height: 42px;
	line-height: 42px;
	color: #000;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	margin-right: 30px;
}

.InnerAward {
	float: left;
	width: 35%;
	min-height: 42px;
	line-height: 42px;
	text-align: center;
	color: #763881;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	padding-bottom:5px;
}

.InnerAwardText {
	float: right;
	width: 45%;
	min-height: 37px;
	color: #7d8190;
	line-height: 14px;
	padding-top: 5px;
}

.InnerDate {
	float: left;
	width: 15%;
	height: 42px;
	line-height: 42px;
	color: #763881;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.InnerRowText {
	float: right;
	width: 80%;
	height: 37px;
	color: #7d8190;
	line-height: 14px;
	padding-top: 5px;
}

.RowTextBold {
	color: #000;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.RowTextBoldColored {
	color: #683168;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

.BackgroundWrapper {
	width: 100%;
	min-height: 100%;
	/*background: url(../../Content/images/LoginBackground.png) top left repeat;*/
	background:url("../../Content/images/MainMenuContainerBackgroundPattern.png") repeat scroll left top transparent;
}

.LoginMainContent {
	overflow: auto;
	width: 322px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}

.LoginLogoContainer {
	float: left;
	width: 322px;
	height: 67px;
	margin-top: 93px;
	background: url(../../Content/images/LoginLogo.png) top left no-repeat;
}

.LoginFooter {
	position: relative;
	margin-top: -60px;
	height: 60px;
	clear:both;
	width: 100%;
	text-align: center;
}

.LoginFooter span {
	width: auto;
	height: 12px;
	font-size: 12px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.LoginInputContainer {
	float: left;
	width: 249px;
	height: auto;
	margin-top: 82px;
	margin-left: 49px;
}

.InputContentContainer {
	float: left;
	width: 249px;
	height: 39px;
	background: #874687;
	margin-bottom: 18px;
	/*background: url(Images/LoginInputBackground.png) top left no-repeat;*/
	box-shadow: 0 0 4px #000000 inset;
	-moz-box-shadow: 0 0 4px #000000 inset;
	-webkit-box-shadow: 0 0 4px #000000 inset;
	-o-box-shadow: 0 0 4px #000000 inset;
}

.InputContentContainer input {
	float: left;
	width: 229px;
	height: 39px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	background: none;
	outline: none;
	color: #fff;
	font-size: 18px;
	font-family: 'Tcm', Verdana, Geneva, sans-serif;
}

a.LoginRadioButton {
	float: left;
	width: auto;
	height: 24px;
	background: url(../../Content/images/LoginRadioButton.png) top left no-repeat;
	padding-left: 40px;
	color: #fff;
	line-height: 24px;
	margin-left: 58px;
	text-decoration: none;
}

a.LoginRadioButton.Selected {
	background-position: bottom left;
}

a.ButtonForgotPass {
	float: left;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
	text-decoration: underline;
	margin-left: 52px;
	margin-top:20px;
	margin-bottom: 45px;
}

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

a.LoginButton {
	float: left;
	width: 150px;
	height: 43px;
	/*background: url(../../Content/images/LoginButton.png) top left repeat-x;*/
	line-height: 43px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	margin-left: 50px;
}

a.LoginButton span {
	float: left;
	width: 148px;
	height: 41px;
	margin: 1px;
}

.DashMainContent {
	overflow: auto;
	width: 900px;
	height: auto;
	/*margin-top: 47px;*/
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}

.DashFooter {
	position: relative;
	margin-top: -20px;
	height: 20px;
	clear: both;
	width: 100%;
	color: #fff;
	text-align: center;
}

.DashLogoContainer {
	width: 234px;
	height: 46px;
	background: url(../../Content/images/DashLogo.png) top left no-repeat;
	margin-top: 47px;
	margin-left: auto;
	margin-right: auto;
}

.DashInnerContent {
	float: left;
	width: 900px;
	height: auto;
	margin-top: 40px;
}

.DashBlockContainer {
	float: left;
	width: 300px;
	height: auto;
}

.DashContainer {
	float: left;
	position: relative;
	margin: 5px;
	overflow: hidden;
	border: 2px solid #fff;
	opacity: .5;
	cursor: pointer;
}

.DashContainer:hover {
	opacity: 1;
}

.DashContainer.Small {
	width: 136px;
	height: 136px;
}

.DashContainer.Medium {
	width: 286px;
	height: 136px;
}

.DashContainer.Big {
	width: 286px;
	height: 286px;
}

.DashContainer.DashBlockBackground01 {
	background: url(../../Content/images/DashBackground01.png) top left repeat;
}

.DashContainer.DashBlockBackground02 {
	background: url(../../Content/images/DashBackground02.png) top left repeat;
}

.DashContainer.DashBlockBackground03 {
	background: url(../../Content/images/DashBackground03.png) top left repeat;
}

.DashContainer.DashBlockBackground04 {
	background: url(../../Content/images/DashBackground04.png) top left repeat;
}

.DashContainer.DashBlockBackground05 {
	background: url(../../Content/images/DashBackground05.png) top left repeat;
}

.DashContainer.DashBlockBackground06 {
	background: url(../../Content/images/DashBackground06.png) top left repeat;
}

.DashContainer.DashBlockBackground07 {
	background: url(../../Content/images/DashBackground07.png) top left repeat;
}

.DashContainer.DashBlockBackground08 {
	background: url(../../Content/images/DashBackground08.png) top left repeat;
}

.DashContainer.DashBlockBackground09 {
	background: url(../../Content/images/DashBackground09.png) top left repeat;
}

.DashLabelContainer {
	float: left;
	width: 100%;
	height: 30px;
	background: #fff;
	font-size: 18px;
	color: #683168;
	padding-left: 10px;
	text-transform: uppercase;
	line-height: 30px;
}

.NumberTextContainer {
	position: absolute;
	width: 50px;
	height: 67px;
	bottom: 7px;
	left: 5px;
}

.NumberContainer {
	float: left;
	width: 50px;
	height: 48px;
	font-size: 48px;
	color: #fff;
	margin-bottom: 7px;
	letter-spacing: -1px;
	text-align: center;
}

.NumberContainer span {
	font-size: 18px;
}

.NumberTextContainer.MarginLeft {
	left: 8px;
	bottom: 7px;
	height: 48px;
}


.TextContainer {
	float: left;
	clear: left;
	width: 45px;
	height: 12px;
	font-size: 12px;
	color: #ffdeff;
	padding-left: 5px;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}

.DashBlockIconContainer {
	position: absolute;
	bottom: 7px;
	right: 7px;
}

.DashBlockIconContainer.Calendar {
	width: 17px;
	height: 18px;
	background: url(../../Content/images/IconDashCalendar.png) top left no-repeat;
}

.DashBlockIconContainer.Event {
	width: 22px;
	height: 19px;
	background: url(../../Content/images/IconDashEvent.png) top left no-repeat;
}

.DashBlockIconContainer.EventManagement {
	width: 18px;
	height: 19px;
	background: url(../../Content/images/IconDashEventManagement.png) top left no-repeat;
}

.DashBlockIconContainer.Reporting {
	width: 21px;
	height: 21px;
	background: url(../../Content/images/IconDashReporting.png) top left no-repeat;
}

.DashBlockIconContainer.Email {
	width: 25px;
	height: 16px;
	background: url(../../Content/images/IconDashEmail.png)  top left no-repeat;
}

.DashBlockIconContainer.Documents {
	width: 25px;
	height: 21px;
	background: url(../../Content/images/IconDashDocuments.png)  top left no-repeat;
}

.DashBlockIconContainer.Parental {
	width: 29px;
	height: 20px;
	background: url(../../Content/images/IconDashParental.png) top left no-repeat;
}

.DashBlockIconContainer.Find {
	width: 119px;
	height: 75px;
	background: url(../../Content/images/IconDashFind.png) top left no-repeat;
	bottom: 41px;
	right: 7px;
}

.DashBlockIconContainer.Skydrive {
	width: 128px;
	height: 91px;
	background: url(../../Content/images/IconDashSkydrive.png) top left no-repeat;
	bottom: 16px;
	right: 11px;
}

.DashBlockText {
	position: absolute;
	width: 100%;
	height: 16px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	left: 0px;
	top: 38px;
}

.DashBlockText.AlignLeft {
	padding-left: 15px;
	text-align: left;
}

.DashInputContainer {
	position: absolute;
	width: 272px;
	height: 33px;
	background: url(../../Content/images/DashInputBackground.png) top left repeat-x;
	bottom: 8px;
	left: 8px;
}

.DashInputContainer a {
	float: right;
	width: 22px;
	height: 21px;
	background: url(../../Content/images/DashButtonSearch.png) top left no-repeat;
	margin-top: 6px;
	margin-right: 8px;
}

.DashInputContainer input {
	float: left;
	width: 229px;
	height: 33px;
	border: none;
	background: none;
	color: #fff;
	padding-left: 5px;
	outline: none;
}





.DashBottomArrowsContainer {
	float: left;
	width: 100%;
	height: 29px;
}


.DashDateContainer {
	width: 150px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 57px;
}


a.DashArrowLeft  {
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	background: url(../../Content/images/TableArrowLeft.png) top left no-repeat;
}

a.DashArrowRight {
	display: block;
	float: right;
	width: 29px;
	height: 29px;
	background: url(../../Content/images/TableArrowRight.png) top left no-repeat;
}

a.DashArrowLeft:hover, a.DashArrowRight:hover {
	background-position: bottom left;
}

.DashDateContainer span {
	float: left;
	width: 92px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	color: #fff;
	text-transform: uppercase;
}

.DashTopMenuContainer {
	float: left;
	width: 900px;
	height: 30px;
	background: url(../../Content/images/DashLineSeparator.png) bottom left repeat-x;
	margin-bottom: 10px;
}

a.DashButtonSettings {
	float: right;
	width: auto;
	height: 20px;
	line-height: 20px;
	background: url(../../Content/images/IconDashSettings.png) center left no-repeat;
	padding-left: 24px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

a.DashButtonMessages {
	float: right;
	width: auto;
	height: 20px;
	line-height: 20px;
	background: url(../../Content/images/IconDashMessage.png) center left no-repeat;
	margin-right: 25px;
	padding-left: 30px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

a.DashButtonSettings:hover, a.DashButtonMessages:hover {
	color: #dfc0df;
}

a.DashButtonMessages span {
	float: left;
}

span.ButtonMessageNumber {
	float: right;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background: #ff6eff;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.DashBigBlockContainer {
	float: left;
	width: 300px;
	height: 140px;
	margin-bottom: 10px;
}

.DashBigBlock {
	float: left;
	position: relative;
	width: 289px;
	height: 140px;
}

.DashBigBlockArrow {
	float: left;
	width: 11px;
	height: 140px;
}

.DashBigBlockContainer.One .DashBigBlock {
	background: url(../../Content/images/DashBackground03.png) top left repeat;
}

.DashBigBlockContainer.One .DashBigBlockArrow {
	background: url(../../Content/images/DashBlockArrow01.png) center left no-repeat;
}

.DashBigBlockContainer.Two .DashBigBlock {
	background: url(../../Content/images/DashBackground05.png) top left repeat;
}

.DashBigBlockContainer.Two .DashBigBlockArrow {
	background: url(../../Content/images/DashBlockArrow02.png) center left no-repeat;
}

.DashBigBlockContainer.Three .DashBigBlock {
	background: url(../../Content/images/DashBackground08.png) top left repeat;
}

.DashBigBlockContainer.Three .DashBigBlockArrow {
	background: url(../../Content/images/DashBlockArrow03.png) center left no-repeat;
}

.DashUserImage {
	float: left;
	width: 85px;
	height: 85px;
	border: 2px solid #fff;
	margin-top: 26px;
	margin-left: 30px;
}

.DashUserText {
	float: left;
	width: 150px;
	height: auto;
	margin-left: 15px;
	margin-top: 26px;
	font-size: 18px;
	color: #fff;
}

.DashUserText span {
	float: left;
	width: auto;
	height: 18px;
	clear: left;
}

.DashNumber {
	position: absolute;
	width: auto;
	height: auto;
	font-size: 48px;
	bottom: 3px;
	right: 19px;
	color: #fff;
}

.DashBlockSmall {
	float: left;
	position: relative;
	width: 140px;
	height: 140px;
	background: url(../../Content/images/DashBackground03.png) top left repeat;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.DashBlockSmall.BackgroundSecond {
	background: url(../../Content/images/DashBackground08.png) top left repeat;
}

.DashBlockSmallText {
	float: left;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 17px;
	margin-top: 12px;
	margin-left: 13px;
}

.DashBlockSmallText span {
	float: left;
	clear: left;
}

.DashBlockBottom {
	position: absolute;
	display: table;
	width: 140px;
	height: 57px;
	background: url(../../Content/images/DashBackground010.png) top left repeat;
	bottom: 0px;
	left: 0px;
}

.DashBlockBottom span {
	float: left;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 48px;
	margin-left: 13px;
	margin-top: 13px;
	line-height: 30px;
}

.DashBlockBottom span.Checked {
	background: url(../../Content/images/DashChecked.png) center left no-repeat;
}

.DashBlockBottom span.Alert {
	background: url(../../Content/images/IconAlert.png) center left no-repeat;
}

.DashBlockBottom div {
	/*float: left;*/
	display: table-cell;
	vertical-align: middle;
	width: 85px;
	height: auto;
	font-size: 12px;
	line-height: 16px;
	top: 12px;
	left: 10px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Tcb', Verdana, Geneva, sans-serif;
}

/*.DashBlockBottom div span {
	float: left;
	clear: left;
	width: auto;
	height: 12px;
	line-height: 12px;
	margin-bottom: 7px;
	color: #fff;
}*/


.BannerMessage {
    color: #FFFFFF;
    display: block;
    margin-top: 170px;
    text-align: center;
}



.Button
{
    padding:5px 8px;
    border-radius:5px;
    color: #fff;
	border: medium none;
	cursor:pointer; 
	display:block;
    float: left;
    margin-right: 10px;
    box-shadow: 0 0 3px #CCCCCC inset;
    -moz-box-shadow: 0 0 3px #CCCCCC inset;
    -webkit-box-shadow: 0 0 3px #CCCCCC inset;
    o-box-shadow: 0 0 3px #CCCCCC inset;
}

.MainPageMenuOptionContainer:hover .PageCentralMenuArrow, .MainPageMenuOptionContainer.Selected .PageCentralMenuArrow {
	width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position:absolute;
    left:3px;
    top:-2px;
}
a.LoginButton input[type=submit] {
    float: left;
    height: 41px;
    margin: 1px;
    width: 148px;
    /*background: url("../../Content/images/LoginButton.png") repeat-x scroll left top transparent;*/
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border:none;
    cursor:pointer;
    
}
.RememberMe
{
    text-align:center;
    padding-bottom:8px;
    color:White;
}
.otpmessage
{
    text-align:center;
    padding-bottom:8px;
    color:White;
}
.ActivationContainer {
    display:block;
    overflow:hidden;
    color:#fff;
    padding-bottom:15px;
}

.InputContentContainerHeading .Label {
    color: #FFFFFF;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 5px;
}

.InputContentContainerHeading .Value {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

.validation-summary-errors span,.validation-summary-errors ul li {
    color: #FFFFFF;
}

.resetPassword {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    overflow: hidden;
    padding: 12px 10px;
    text-align: center;
    text-decoration: none;
}
.resetPassword:hover {
    text-decoration:underline;
}

.ResetPasswordContainer {
    color: #FFFFFF;
    float: left;
}

.ResetPasswordHeader {
     padding: 0 0 0 49px;
}
.ResetPasswordData {
    float: left;
    height: auto;
    margin-left: 49px;
    margin-top: 50px;
    width: 249px;
}
.ResetPasswordHeader > span {
    display: block;
    overflow: hidden;
    padding: 5px;
}

.RoleInfoContainer .Roleinfo {
    left: 46%;
    position: absolute;
}

.InfoImage:hover {
    background:#fff;
    color:#000;
}
.InfoImage {
    background: #000;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    float: left;
    padding: 2px 10px;
    color:#fff;
    font-style: italic;
}

.RoleInfoContainer .Roleinfo:hover .InfoContent {
    display: block;
    transition:opacity 900ms ease-in-out 0s, background-color 900ms ease-in-out 0s, background-position 900ms ease-in-out 0s;
}

.RoleInfoContainer .Roleinfo .InfoContent {
     border: 1px solid #CCCCCC;
    display: none;
    transition: opacity 900ms ease-in-out 0s, background-color 900ms ease-in-out 0s, background-position 900ms ease-in-out 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 5px;
    padding: 5px;
    width: 90%;
     overflow-x: hidden;
     max-height:220px;
}

.RoleInfoContainer .Roleinfo .InfoContent  ul {
    margin: 0;
    padding: 5px 20px;
}
.RoleInfoContainer .Roleinfo .InfoContent ul li {
    list-style: square outside none;
    padding: 2px 5px;
    line-height: 20px;
}


.VX_TextBox {
    border: 1px solid #C5C5C5;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    color: #444444;
    height: 24px;
    padding: 2px 4px;
    width: 100%;
}
.DownLoadLink {
    background:url("/content/images/download.png") no-repeat;
    width:17px;
    height:15px;
    margin-top: 8px;
    margin-left:8px;
    position: absolute;
    width: 17px;
}
.FloatR {
    float:right;
}

.FloatL {
    float: left;
}
.UserReportDropDownContainer .MainCentralLabel h4 {
    margin: 0;
    padding: 0 0 5px;
}
.UserReportDropdown {
    display: block;
    overflow: hidden;
}

.PopupWrapper .DataContainer {
    background: none repeat scroll 0 0 #eee;
}

.UserReportForm .PopupInnerCotainer {
    display: block;
    overflow: hidden;
    width: 80%;
}
.PopupInnerCotainer .closeButton {
    margin-right: 2px;
    margin-top: 2px;
}

.UserReportForm .PopupInnerCotainer .VX_InnerWrapper {
    width: 100%;
}
.UserReportForm .PopupInnerCotainer .VX_Label {
    width: 150px;
}

.ScheduleEventRightContainer .CheckBoxContainer {
    background: #f1f1f1;
    border: 1px solid #e4e4e4;
    color: #666;
    margin-right: 10px;
    padding: 5px;
}


.UserReportDropdown .Scheduler {
    margin-left: 5px;
    position: relative;
    top: 8px;
}

.DisBlOvHid {
    display:block   ;
    overflow:hidden;
}
.LineHeight28{
    line-height:28px;
}
.MarginTop5 {
    margin-top: 5px;
}

.FilterContainer {
    background:  #ccc;
    border: 1px solid #fff;
    float: left;
    margin-bottom: 2px;
    margin-left: 5px;
    padding: 2px 5px;
}
.MarginLeft8 {
    margin-left:8px;
}
.FiltercloseButton {
    box-shadow: 0 0 3px #ffffff inset;
    color: #ffffff;
    cursor: pointer;
    float: right;
    padding: 1px 6px;
}

.student-details .PageContentCentralMenu {
    text-transform:none;
}

.SettingOuter .Button {
    background:#666 !important;
}

.RepSettingsOuterContent {
    padding:5px;
    border:1px solid #ccc;
    background:#ccc;
}
.RepSettingsOuterContent form {
    padding-top:4px;
    background:#eee;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}

.Login .Title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}


a.WideButton {
    margin-left: 35px;
    width: 170px;
}
.validation-summary-valid
{
    display:none;
}
.UserContent table{
  
    border: 1px solid #888;
    margin-bottom: 10px;
}
.UserContent table thead tr td {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.UserContent table tbody tr td {
    line-height: 30px;
    border: 1px solid #ccc;
    padding-left: 10px;
}
.attendance-certificate-container{
    display: block;
    overflow: hidden;
    padding: 10px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.title-1 {
    font-size: 20px;
}
.attendance-certificate-container a{
    text-decoration: none;
    color: inherit;
}

ul.SubLinks.SubLinksHide {
    display: none !important;
}

/*popup-form css*/
.popup-form {
    display:none;
}
.popup-form  .popup-form-overLayBox {
    background: #c2c2c2;
    display: block;
    height: 100%;
    opacity: 0.87;
    position: absolute;
    width: 100%;
    z-index: 10005;
}
.popup-form .popup-form-inner{
    overflow:hidden;
    position:absolute;
    top:35%;
    left:30%;
    z-index: 10005; 
    width: 600px;
}
.popup-form .popup-form-inner{
    /*border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-radius: 6px;*/
}
.popup-form .popup-form-inner-content{
    background: url(../../Content/images/MainMenuContainerBackgroundPattern.png) repeat scroll left top transparent;
}
.popup-form .popup-header-container a{
    text-decoration:none;
    color:#fff;
}
.popup-form .popup-header-container{
    display: block;
    overflow: hidden;
    color: #fff;
    padding: 5px 8px;
}
.popup-form .poup-form-tile{
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    
    /*text-shadow: 0 3px 1px #000;*/
}
.popup-form .poup-form-close{
        float: right;
}
.popup-form .popup-form-body{
    background: #eee;
    border-bottom: 5px solid #fff;
    padding-bottom: 10px;
}
.popup-form .VX_ButtonsInnerWrapper{
    float:right;
}
.popup-form .VX_Wrapper{
    width: 70%;
    margin: auto;
}
.popup-form .VX_InnerWrapper{
    width:100%;
    padding:5px 0 10px 0;
}
.popup-form .VX_ButtonWrapper {
    width: 132px;
    margin: auto;
}
.popup-form .snapshot-img{
    display:none;
    width:30px;
}
.popup-form .snapshot-container{
    position: absolute;
    left: 380px;
    bottom: 15px;
    display:none;
}
.gray-background{
    background:#ccc;
}
.popup-form .SummaryofSubmit{

}

/*end popup-form css*/

.progress8-container {
    display: block;
    overflow: hidden;
    background: #000;
    text-align: center;
}
.progress8-container, .progress8-container a{
    color: #fff;
}


.StudentExclusionRowContent.InnerRowContent {
}

.StudentExclusionRowContent .InnerPointsContainer.Positive {
    padding: 5px;
}