/* .NET Styles */
#mainBody{background-color: #15497d; color: #000000 !important;}
A:active{text-decoration: none; color: #ff0000;}
A:hover{color: #2f4f4f;}
A:link{color: blue;}
A:visited{color: #708090;}
BODY{font-family: Helvetica, Arial, sans-serif !important; font-size: 11px; font-weight: normal;}
H3{font-size: 15px; font-weight: bold;}
H4{font-size: 18px; font-weight: bold;}
.content{color: black; font-size: 12px;}
.frontlinks{color: #0000cd;}
.heading{font-family: Helvetica, Arial, sans-serif !important; font-size: 15px; font-weight: bold;}
.littlelink{font-size: 10px; color: blue;}
.plaintext{color: black; font-family: Helvetica, Arial, sans-serif !important; font-size: 11px;}
.subheading{color: black; font-family: Helvetica, Arial, sans-serif !important; font-size: 13px;}
.subtext{color: black; font-size: 11px;}
.dashboardtext{text-decoration: none; font-family: Helvetica, Arial, sans-serif !important; font-size: 11px; color: navy;}
.staticurl{font-family: Helvetica, Arial, sans-serif !important; text-decoration: none; color: navy;}
.staticurl:visited{color:navy;}
.tabheading{font-family: Helvetica, Arial, sans-serif !important; font-size: 15px; color: black;}
#lblTranscriptData TABLE, #lblCourses TABLE{border-collapse: collapse; height: 100%; margin: 10px 0; overflow: auto; width: 100%; border: 1px #ffffff solid;}
#lblTranscriptData TABLE THEAD TD, #lblCourses TABLE THEAD TD{font-size: 10px; font-weight: bold; color: #3D454D;}
#lblTranscriptData TABLE TD, #lblCourses TABLE TD{border: 1px #ffffff solid; padding: 5px;}
#lblTranscriptData TABLE TD.spacer, #lblCourses TABLE TD.spacer{background-color: #DDDDDD; color: #DDDDDD; font-size: 1px !important; height: 1px !important; padding: 0 !important;}

/* .NET Styles */
#header{background-color: #ffffff; height: 88px; margin: 0; overflow: hidden; padding: 0; position: relative;}
#bannerHeader{ margin: 0; overflow: hidden; padding: 0; position: relative;}
#tagline{background: url("lms/assets/images/dots.jpg") no-repeat 0 0; color: #000000; font-size: 19px; font-variant: small-caps; height: 40px; letter-spacing: 2px; line-height: 39px; padding-left: 108px; position: absolute; right: 24px; top: 15px;}

.navigation > UL{position: relative;}
.navigation > UL UL{zoom: 1;}
.navigation > ul ul{position: absolute; top: 100px; z-index: 9999; left: 0; display: none; background-color: #15497d; padding: 10px; z-index: 999999; }
.navigation > UL > LI:hover UL{display: block;}
.button_inactive_tab:hover UL, .button_selected_tab:hover UL{display: block;}
.navigation > ul ul hr{border: 0; border-bottom: 1px solid #788eb8;}
.navigation{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15497d), to(#15497d)); background: -moz-linear-gradient(#15497d, #15497d); background: linear-gradient(#15497d, #15497d); -pie-background: linear-gradient(#15497d, #15497d); behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d'); }
.navigation > UL > LI > A{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15497d), to(#15497d)); background: -moz-linear-gradient(#15497d, #15497d); background: linear-gradient(#15497d, #15497d); -pie-background: linear-gradient(#15497d, #15497d); behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d'); }
A.button_selected_tab, .button_selected_tab > A{position: relative; z-index: 1; padding: 0px 0px 0px 0px; text-align: left; height: 90px; width: 90px;  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15497d), to(#15497d)) !important; background: -moz-linear-gradient(#15497d, #15497d) !important; background: linear-gradient(#15497d, #15497d) !important; -pie-background: linear-gradient(#15497d, #15497d) !important; behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d') !important; 	display: block; float: left; font: normal 12px; font-family:Helvetica, Arial, sans-serif !important; text-decoration: none; color: #ffffff !important; }
.button_selected_tab A{position: relative; z-index: 1; text-align: left; font: normal 12px; font-family:Helvetica, Arial, sans-serif !important; text-decoration: none; color: #ffffff !important;}
A.button_inactive_tab, .button_inactive_tab > A{position: relative; z-index: 1; padding: 0px 0px 0px 0px; text-align: left; height: 90px; width: 90px; display: block; float: left; font: normal 12px; font-family: Helvetica, Arial, sans-serif !important; text-decoration: none; color: #ffffff !important; /*border-right: 6px solid #FFFFFF;*/ }

.navigation P{margin:0;}
.button_inactive_tab A{color: #ffffff !important; position: relative; text-align: left; text-decoration: none;}
.button_selected_tab ul li, .button_inactive_tab ul li{text-align: left;}
A.button_inactive_tab:hover, .button_inactive_tab:hover > A{position: relative; z-index: 1; padding: 0px 0px 0px 0px; text-align: left; height: 90px; width:  			90px; 	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15497d), to(#15497d)); background: -moz-linear-gradient(#15497d, #15497d); background: linear-gradient(#15497d, #15497d); -pie-background: linear-gradient(#15497d, #15497d); behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d'); 	display: block; float: left; font: normal 12px; font-family:Helvetica, Arial, sans-serif !important; text-decoration: none; color: #ffffff !important;}
/*.round A{-webkit-border-radius: 0px 0 0 0px; -moz-border-radius: 8px 0 0 8px;}*/
.button_selected_tab IMG.navCorner, .button_inactive_tab IMG.navCorner{display:none;}
.button_selected_tab:hover > UL, .button_inactive_tab:hover > UL, .button_selected_tab:hover > UL IMG, .button_inactive_tab:hover > UL IMG{z-index:999999;}
.button_selected_tab2{position: relative; z-index: 1; behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); display: block; float: left; font: normal 12px; font-family:Helvetica, Arial, sans-serif !important; padding-left: 0px; padding-top: 0px; padding-right: 0px; /* sLIding doors padding */ color: #FFFFFF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; -pie-background: linear-gradient(#EEFF99, #66EE33); background: -webkit-gradient(linear, left top, left bottom, from(#15497d), to(#15497d)); background: -moz-linear-gradient(top,  #15497d,  #15497d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d');}
.button_inactive_tab2{position: relative; z-index: 1; behavior: url(https://arsuniversity.westnetmlp.com/system/appLIcation/views/lms/common/PIE.php); display: block; float: left; font: normal 12px; font-family:Helvetica, Arial, sans-serif !important; height: 90px; width:  90px; margin-right: 6px; padding-left: 5px; padding-top: 5px; padding-right: 7px; /* sLIding doors padding */ text-decoration: none; color: #FFFFFF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#15497d), to(#15497d)); background: -moz-linear-gradient(top,  #15497d,  #15497d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15497d', endColorstr='#15497d');}
.sub_navigation UL{margin: 0px; padding: 0px;}
.sub_navigation UL LI{display: inline; margin-right: 2px;}
.sub_navigation UL LI a{display: inline-block; height: 17px; line-height: 17px; text-decoration: none;}
.sub_navigation LI{background-color: #15497d; border-bottom: 1px solid #15497d;}
.sub_navigation LI a{background-color: #fff; color: #000; position: relative; padding-top: 4px;}
.sub_navigation LI a.selected_tab {background: #c2bec2; border: 1px solid #c2bec2; color: #FFFFFF; padding: 0px 9px 5px; bottom:5px; margin-bottom:-5px; 	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;}
#sub_navigation_resources LI a.selected_tab {background: #c2bec2; border: 1px solid #c2bec2; color: #FFFFFF; padding: 0px 9px 5px; bottom:5px; margin-bottom:-5px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;}
.sub_navigation LI a.inactive_tab{background: #FFFFFF; border: 1px solid #15497d; color: #02070d; padding: 0px 9px;}
.sub_navigation UL LI a{background: #FFFFFF; color: #FFFFFF;}
.sub_navigation_signout{position: absolute; text-align: right; top: 70px; white-space: nowrap; right:10px;}
.sub_navigation_signout UL{margin: 0px; padding: 0px;}
.sub_navigation_signout UL LI{display: inline; margin-right: 2px;}
.sub_navigation_signout UL LI a{display: inline-block; height: 17px; line-height: 17px; text-decoration: none;}
.sub_navigation_signout LI{background-color: #15497d; border-bottom: 1px solid #15497d;}
.sub_navigation_signout LI a{background-color: #fff; color: #000; position: relative; padding-top: 4px;}
.sub_navigation_signout LI a.inactive_tab{background: #FFFFFF; border: 1px solid #15497d; color: #02070d; padding: 0px 9px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;}
.sub_navigation_signout UL LI a{background: #FFFFFF; color: #FFFFFF;}
.sub_navigation_admin_support{position: absolute; text-align: right; top: 70px; white-space: nowrap; right:90px;}
.sub_navigation_admin_support UL{margin: 0px; padding: 0px;}
.sub_navigation_admin_support UL LI{display: inline; margin-right: 2px;}
.sub_navigation_admin_support UL LI a{display: inline-block; height: 17px; line-height: 17px; text-decoration: none;}
.sub_navigation_admin_support LI{background-color: #15497d; border-bottom: 1px solid #15497d;}
.sub_navigation_admin_support LI A{background-color: #FFFFFF; color: #000000; position: relative; padding-top: 4px;}
.sub_navigation_admin_support LI A.inactive_tab{background: #FFFFFF; border: 1px solid #15497d; color: #02070d; padding: 0px 9px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;}
.sub_navigation_admin_support UL LI A{background: #FFFFFF; color: #FFFFFF;}
.sub_navigation_resources{/*position: absolute;*/ /*text-align: right;*/ /*top: 90px;*/ white-space: nowrap; /*right: 20px;*/ float: right; margin:0 20px -1px 0;}
.sub_navigation_resources UL{margin: 0px; padding: 0px;}
.sub_navigation_resources UL LI{display: inline; margin-right: -1px;}
.sub_navigation_resources UL LI A{display: inline-block; height: 17px; line-height: 17px; text-decoration: none;}
 
.sub_navigation_resources LI A{background-color: #FFFFFF; color: #000000; position: relative; padding-top: 4px;}
.sub_navigation_resources LI A.inactive_tab{background: #FFFFFF; border: 1px solid #15497d; color: #02070d; padding: 0px 9px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;}
.sub_navigation_resources UL LI A{background: #FFFFFF; color: #FFFFFF;}
.sub_navigation LI:before, .sub_navigation LI:after, .sub_navigation_resources LI:before, .sub_navigation_resources LI:after{background: #15497d;}
.sub_navigation .liselected_tab:before, .sub_navigation .liselected_tab:after, .sub_navigation_resources .liselected_tab:before, .sub_navigation_resources .liselected_tab:after{background: #c2bec2;}
.sub_navigation .liselected_tab A:after, .sub_navigation .liselected_tab A:before, .sub_navigation_resources .liselected_tab A:after, .sub_navigation_resources .liselected_tab A:before{background: #15497d;}

/*** CONTENT ***/

#container_content{border: 1px solid #c2bec2; border-top-width: 6px;}
#colorOptions{position: relative;}
#colorOptions > DIV.info{left: 400px; position: absolute; top: 48px;}
.tabularData .theDataWrapper .product-container .img-container{text-align: center;}
.tabularData .theDataWrapper .product-container .img-container img{height: auto; max-height: 196px; width: auto !important; max-width: 100%;}
@media(max-width: 991px){
	body .theDataWrapper .tabularData tr td:nth-child(2n+1){clear: left;}
}
/*** CONTENT ***/

/*** FOOTER ***/
/*** FOOTER ***/

/*** IFRAME STYLE ***/


#containment-wrapper > table td{padding: 0 !important; text-align: left !important;}
#containment-wrapper > table td + td{text-align: right !important;}
#containment-wrapper > table td input[type=submit]{width: auto !important; font-size: 12px !important;}
.bigwrapper > div ul li a + div, .bigwrapper .imghalf + div{
	/*width: 100% !important; left: 0 !important; top: 10% !important; text-align: center;*/
	position: absolute;
    top: 10%;
    top: 1px;
    left: 1px;
    background: #6b6b6b94;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
	width: 99% !important;
	text-align: center;
}
#frmMyCourses #mainpage table{width: 100% !important;}

#admindashboard-title {
	position: absolute; top: 3%; width: 789px; text-align: center;
}
#admindashboard-search {
	position: absolute; top: 3%; width: 789px; text-align: right;
}

.icon-container {
	position: relative;
    text-align: center;
}
.unavailable-icon {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}


@media (max-width: 499px) {
	.bigwrapper{
		display: block;
	}
	.bigwrapper .navigation li, .bigwrapper .navigation2 li,
	.navigation3 li	{
		width: 100% !important; 
	}
	/*.bigwrapper .midleftwrapper .navigation li, .bigwrapper .toprightwrapper .navigation li {
		width: 50% !important; 
	}*/
	.admindashboard .leftinnerwrapper .navigation li, .admindashboard .rightinnerwrapper .navigation2 li {
		width: 50% !important; 
	}
	
}
@media (min-width: 500px) { 
	ul.navigation li ul li, ul.navigation2 li ul li, ul.navigation3 li ul li{
			width: 100% !important; 
	}

	.bigwrapper:not(.admindashboard) .navigation li, .bigwrapper:not(.admindashboard) .navigation2 li,
	.bigwrapper:not(.admindashboard) .navigation3 li	{
		width: 50%; 
	}

	.admindashboard{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 0px 0px;
		grid-template-areas: 
		". . . topright"
		"topleft topleft topleft topleft"
		"a a b c"
		"d d e e"
		"f f g g"
		"h h g g"
		"i i . .";
	}
	.admindashboard #admindashboard-title {
		grid-area: topleft;
	}
	.admindashboard #admindashboard-search {
		grid-area: topright;
	}
	.admindashboard div:nth-child(2) p{
		margin: 0;
	}
	.admindashboard .topleftwrapper {
		grid-area: a;
	}
	.admindashboard .leftinnerwrapper {
		grid-area: b;
	}
	.admindashboard .rightinnerwrapper {
		grid-area: c;
	}
	.admindashboard .toprightwrapper {
		grid-area: d;
	}
	.admindashboard .midleftwrapper {
		grid-area: e;
	}
	.admindashboard .midinnerwrapper {
		grid-area: f;
	}
	.admindashboard .bottomrightwrapper {
		grid-area: g;
	}
	.admindashboard .bottomleftwrapper {
		grid-area: h;
	}
	.admindashboard .bottominnerwrapper {
		grid-area: i;
	}
}
@media (min-width: 901px) {
	.bigwrapper{
		display: block;
	}
	.bigwrapper .navigation li, .bigwrapper .navigation2 li,
	.navigation3 li	{
		width: 100% !important; 
	}
}

@media(max-width: 767px){
	body{padding: 0 !important;}
	.column{width: 100% !important;}
	.box_con_max_min{top: 12px;}
	.bigwrapper .topleftwrapper, .bigwrapper .leftinnerwrapper, .bigwrapper .rightinnerwrapper, .bigwrapper .toprightwrapper, .bigwrapper .midleftwrapper, .bigwrapper .midinnerwrapper, .bigwrapper .bottomrightwrapper, .bigwrapper .bottomleftwrapper, .bigwrapper .bottominnerwrapper{position: inherit !important; left: 0 !important; top: auto !important; width: 100%; height: auto;}
	.bigwrapper{width: 100% !important; position: inherit !important; left: auto !important; margin: 0 !important;}
	.bigwrapper > div{width: 99% !important; position: inherit !important; margin: 0 auto;}
	.bigwrapper > DIV A IMG, .bigwrapper > DIV > UL UL{width: 99% !important; height: auto !important;}
	/*.bigwrapper .navigation li, .bigwrapper .navigation2 li{width: 100%;}*/
	.bigwrapper .imghalf{width: 100% !important;}
	#mainpage{width: 100%;}
	form table{width: 100% !important;}
	form table input[type=text], form table textarea{width: 98% !important;}
	#frmSelectHierarchy #frame1{width: 99% !important;}
	#frmSelectHierarchy #frame1 table{width: auto !important;}
	#frmSelectHierarchy table td, #frmSelectHierarchy #frame1 + table td, #frmNewAnnouncement table td{width: 100%; float: left; display: inline-block;}
	.ui-datepicker-calendar tr td, #frame1 table td{float: none !important; display: table-cell !important; width: auto !important;}
	#ddlHierarchy{width: 100%; padding: 10px;}
	#TreeView1 table{width: auto !important;}
	.bigwrapper:not(.admindashboard) .leftinnerwrapper{width: 49.5% !important; float: left; margin-left: 0.5%;}
	.bigwrapper:not(.admindashboard) .rightinnerwrapper{width: 49.5% !important; float: right; margin-right: 0.5%;}
	/*.navigation3 li{width: 100% !important;}*/
	.navigation3 ul, .navigation ul, .navigation2 ul{top: 80px !important; bottom: auto !important;}
}
/*** IFRAME STYLE ***/