/* BEGIN MAIN WRAPPERS AND PAGE LAYOUT DIVS */
/* !!! Please tread carefully when modifying these styles, as all pages and formatting will be affected !!! */
/* Master_L0_Wrapper: Wraps all the objects in the Website */

/* GRAY BLUES
	*darkestblue*#224d96
	*darkblue*#6684B3
	*mediumblue*#7F98BF
	*lightblue*#9EB2D2
	*lightestblue*#eef3fb 
	*gray*#eef1f4
	*orange*#F8983B
*/
 

div#Master_L0_Wrapper {

	}


			
/* Master_L0_Wrapper-bg: Provides the background image for the entire website */
div#Master_L0_Wrapper-bg {

	}	
	
/* Master_L0_Header: Provides the background color and/or images for the Website Header section */
.Master_L0_Header {
	/*
		padding-left: 15px;
		*/
	padding-top: 5px;
	padding-top:5px;
	/*
	background-color:#FFFFFF;
	height:79px;
	width: 100%;

	*/
	}

/* Master_L0_Footer: Provides the background color and/or images for the Website Footer section */
div#Master_L0_Footer {
		background: /*darkblue*/#6684B3  /*url(imagesV2/bg_footer.png) 0px 0px repeat-x*/;
	width: 100%; 
	height:31px; 
	}
	
/* Master_L0_TopBar: Provides the size, background color and image for the horizontal bar that separates the site header of the content*/
div#Master_L0_TopBar {
		background: /*darkestblue*/#224d96;
	height: 1px;
	width: 100%;
	margin-bottom:0px;
	margin-top:5px;
	}

/* Master_L0_MainContent: Provides the background properties for the content section of the website */
div#Master_L0_MainContent {
		background-color:#fff;
	width: 100%;
	height:100%
	}
	
	
/* Master_L0_CopyRight: Provides the attributes for the copyright section of the website */
div#Master_L0_CopyRight
{
	font-family:Arial, Helvetica, Sans-Serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 	
	text-align: right; 
	vertical-align: middle;
	line-height: 10px; 
	font-variant: normal; 
	width:100%;
}

/*	 END MAIN WRAPPERS AND PAGE LAYOUT DIVS */	



/* LoginView CONTROL - START */
/* LOGINVIEWBOX DEFINES THE BACKGROUND IMAGE BEHIND THE LOGIN INFORMATION - CURRENT USER INFORMATION */
/* IN THE DEFAULT CREDITSOFT INSTALLATION THIS CLASS IS REFERENCED IN THE HEADER.HTM AND HAS THE GREEN BACKGROUND WITH THE LOGIN INFORMATION */
div#LoginViewBox{
	/*
	float: right;
	
		position: absolute;
			top:38px;
	right:15px;
	clear: both;
	
	width: 315px; height: 51px;
	*/
	background: /*lightestblue*/#eef3fb;
	border-radius: 5px;
	text-align:right;
	}

/* LoginViewText - IS USED TO POSITION THE ACTUAL LOGIN INFORMATION TEXT - CURRENT USER INFORMATION */
/* THIS DIV IS USED IN THE LOGINVIEW USER CONTROL */
div#LoginViewText{
	/*
	float: right;

	position: absolute;
	top:15px;
	right:30px;
	clear: both;
	
	text-align:right;
	width: 300px; height:30px;
		*/
	/*color:#fff;*/
	font-size: 12px;
	}	

/* Links that are Inside the LoginViewText have different style because they may have a different background*/
a:link.LoginViewText {		text-decoration: underline;	/*color: #fff;*/ }
a:visited.LoginViewText {	text-decoration: underline;	/*color: #fff;*/ }
a:hover.LoginViewText {	text-decoration: underline;	/*color: #fff; */}
a:active.LoginViewText {	text-decoration: underline; /*	color: #fff;*/ } 


td#Master_L1_LoginContent {
	width: 100%;
	margin-left:20px;
	margin-top:20px;
	float:left;
	}
	
td#Master_L1_LoginBoxWrapper
{
	vertical-align:top;
}
	
/* LoginView CONTROL - END */


/* SITE HEADER AND FOOTER CLASSES  - START */
/* THIS CLASS IS USED BY THE HEADER.HTM PAGE.  IT CONTAINS THE MAIN LOGO OF THE COMPANY */
.MasterHeader {
	width: 100%;
	/*
	max-height: 61px;
		*/
	height: 61px;
	margin: 0px;
	background: url(imagesv2/logo.png) 0px 0px;
	background-repeat:no-repeat;
background-size:contain;
/*
	background-position:center;
	*/
    margin-top: 5px;
    margin-bottom: 5px;
	}
	
/* THIS CLASS IS USED BY THE FOOTER.HTM PAGE.  IT CONTAINS THE BACKGROUND IMAGE OF THE SITE FOOTER*/
.MasterFooter { 
	text-align: right; 
	text-transform: uppercase; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #fff;
	}	

/* THIS CLASS IS USED BY THE FOOTER.HTM PAGE.  IT CONTAINS THE FONT TYPE AND ALINGMENT OF THE SITE FOOTER*/
.Footer {   
	background-repeat:no-repeat;
	padding-right:10px;
	font: Verdana, Arial, Helvetica, sans-serif 11px bold;
	line-height: 33px; 
	text-transform: capitalize;
	}	
/* SITE HEADER AND FOOTER CLASSES  - END */


/* CSS Classes associated with the CSMaster_L1_MenuPanel Master Page * START */

/* Master_L1_MasterTable: This is the main table of this Master Page.  It has three columns to allocate the three panels described below. */
.Master_L1_MasterTable
{
	margin-right:0px auto;
	top:0px;
	margin-top:0px auto;
	width:100%;
}

  


/* Master_L1_LeftPanel: This table cell is also divided into two sub-sections: Menu Panel and Left Bottom Content.  */
.Master_L1_LeftPanel
{
	/*background: #eef1f4 url(imagesV2/leftside_white.png) repeat-y right ;*/
	background: /*lightestblue*/#eef3fb   ;

	/* we cannot set width because then we break the col-md- of bootstrap 
	width:215px;
		*/
	vertical-align:top;	

	/*this one needs to match the margin-bottom of the Master_L0_TopBar
		or you can choose to set the margin-bottom of the Master_L0_TopBar to 0 and then get rid of this one too
	*/
	margin-top: 0px;

	/*make the panel background go to the bottom of the screen
		http://stackoverflow.com/questions/25213171/how-to-make-bootstrap-column-height-to-100-row-height
	*/
	margin-bottom: -1000px;
    padding-bottom: 1000px;
    overflow: hidden;

		/*max-width:220px;*/ /*otherwise it grows too much on bigger screens*/
}

/*.Master_L1_Menu: The menu section that allow users navigate to the different web pages that they have access to */
.Master_L1_Menu 
{
	/*
		float: left;
	height: auto;
		*/
	/* we need to set the margin all around, not just top and left, so the div containing the menu buttons has a little space all around
	margin-top: 10px;
	margin-left: 10px;
	*/
	margin: 10px;
	/* we cannot set width because then we break the col-md- of bootstrap
	width:190px;
		*/
}

/* Master_L1_RightPanel: This section can be customized for each individual page to display custom information. It can be customized using the Right URL field on the Internet Menus.*/
.Master_L1_RightPanel
{
	background: #fff;
	vertical-align:top;
	/*width:195px;	*/
}

/* Master_L1_LeftBottomPanel: This section can be customized for each individual page to display custom information. It can be customized using the Left URL field on the Internet Menus*/	
.Master_L1_LeftBottomPanel
{
	margin-top:15px!important;
	text-align:center!important;
	padding-left:10px;
}

/* Master_L1_CenterPanel:This panel contains the space where the actual web page will be contained. This panel is also divided in four sub-sections: Top Content, Main Application Panel, Bottom Content and Navigation Buttons place holder. */
.Master_L1_CenterPanel
{
	/*
		background: #eef3fb;
																*/
	vertical-align: top;
	
	
}

/* Master_L1_NavButtons: Place holder to show the navigation buttons applicable for each web page. For example: Save and Cancel, Next and Previous, etc. */
.Master_L1_NavButtons 
{
	/*background: #fff  ;*/
    
    height:auto;
     /*padding:10px;*/
/*     position: relative;*/  /*Commented out due to problem in IE7 - Navigation Buttons were disabled - Issue # 21786 */
}




.hidden
{
    display:none;
}



/* BEGIN LOGIN PAGE STYLES */
/* Log In Page General Layout and Styles */


/* Div that contains the Login Control.  This Div provides the background image for the Login Control */
div#LoginBox {
	position: relative;
	overflow:hidden;
	/*
			width: 359px; height: 323px;
		*/
	/*
	background: url(imagesv2/bg_login.png) center  no-repeat;
		*/
	/*
		float:right;
		*/
	background: linear-gradient(#eef3fb,white);
	border-radius: 15px;
	}

div#LoginBox img{
			 display:none;
			 position:absolute;
			 width:100%;

}

/* Div that contains the Login control.  This Div provides the padding and alignment to the Login Control */
div#LoginText {
	position: relative;
	vertical-align: top;
	padding: 30px;

	}	
	
/*Provides Font-Size to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeText {
	font-size: 14px;
	padding-bottom: 10px;
	}

/*Provides Font-Size and color to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeTextBlue {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #3d5b8a;
	}

.LoginButtonDiv {
	text-align:center;
	padding:5px
}

/* END LOGIN PAGE STYLES */

.wi_mobilemenu {
	/*this "resets" the margins so it actually gets margins from bootstrap. Otherwise the dropdown is too close to the edges of the browser and looks weird*/
	margin:0px;
}

.wi_userinfo {
	 padding-right: 5px;
	 margin-left:-10px;
	 margin-top:5px;
}

@media only screen and (min-width: 992px) {
	.Master_L1_LeftPanel {
		display: normal;
	}
	.Master_L1_RightPanel {
		display: normal;
	}

	.wi_mobilemenu {
		display: none;
	}
	
		.wi_userinfo {
		display: block;
		/*this padding is used to balance the ".MobileMenu display: none;" and keep the user info closer to the top bar*/
		padding-top:40px;
	}

}

/* 992px and more causes the menu to be on the left instead of up*/
@media only screen and (max-width: 991px) {
	.Master_L1_LeftPanel {
		display: none;
	}
	.Master_L1_RightPanel {
		display: none;
	}

	.wi_mobilemenu {
		display: block;
	}

	

}


	 /* Small Devices And Tablets */
@media only screen and (max-width: 360px) {

	.Master_L1_LeftPanel {
		display: none;
	}
	.Master_L1_RightPanel {
		display: none;
	}

	.wi_mobilemenu {
		display: block;
	}

	.wi_userinfo {
		display: none;
	}


	.MasterHeader {
		background-position-x:center;
	}

	.MasterFooter {
		background-position-x:center;
		text-align: center;
	}

	div#Master_L0_CopyRight {
		text-align: center;
	}

}