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

@media only screen and (max-width: 320px), (min-width: 321px) and (max-width: 480px), (min-width: 481px) and (max-width: 768px), (min-width: 769px) and (max-width: 1200px) {
	
	.bg-city {display: none}
	
	#spacer{ width: 100%; }
	.headerSearch { background-position: -350px; text-indent: 0px; }

	.assignment, .text, .textField, TEXT, .noteFrame, .examListEntry, .examListEntryAvailable, textArea, .message, .messageInfo, .errorMessage, .warningMessage, .street, .co, .forwarding, .settingsInput, .functionForm .info, .gradingFieldset, .helpcontent, .examinationRegInfo, .general_help, .student_help, .admin_help, .admitted_help { width: 93%;}
	
	.menuTabs {width: 100%; background-color: #000; z-index:500;position:relative;}
	#content-container { border: none; }
	.portlet-content-center { width: 98%; }
	
	
	.rightColumn.inline-block { margin-left:0px; }
	
	.entityPage, .webpage, .entityPageRight { width: 100%; }
	.departmentInformationBox, .programInformationBox { float: left; margin-top: 10px; padding-left: 0px; width: 100%}
	.programmeTitleWrapper {width:100%;}
	.entityPageRight { padding-left:0%;}
	
	#service-messages-bar{left: 1px;}  
	
	#columnRight .notifications {
		margin-bottom: 30px;
		margin-top: 0;
	}  
	
	.rwdButton {
		display:inline-block;
		background-color:#333;
		text-align:center;
		width:200px;
		cursor:pointer;
		border-color:#c5c3c3;
		border-style:solid;
		border-width:1px;
		padding:5px 10px;
		font-size:13px;
		line-height: 18px;
		color:#FFF;
		margin-top:120px;
	 }
	 
}

@media only screen and (max-width: 380px) {  
	.searchField { width: 70%; }
	
	#toggleMenu{ display: block; }
	#toggleMenu .menuCurrent{ display: block; }
	
	.showInRwd a { margin-top: 0px; }
	.menuStudies  { display: none; }
	.menuCurrent { display: block; }
	
	.logotyp span{ left: 100px; font-size: 20px;}
	.logotyp img { left: 10px; max-height: 71px; width: 74px;}
	#footer-container p{ font-size: 11px; padding-top:10px;}
	#footer-container { max-height:500px;}
	
	
	#uu-top-links .central-nav-icon{ right:70%; }
	.userName { display: none; }
	.options { left: 144px;}
	#navigation .logIn, #navigation .logOut { right: 25px; }
	#navigation .options {text-align:right;top:40px;}
	
	.imgStartAdmitted  { display: none; }
	.imgHelp, .imgHelp-OMSP, .imgHelp-HTH, .imgHelp-HBR, .imgHelp-UTV, .imgHelp-TSP, .imgHelp-HTG, .imgHelp-HKU, .imgHelp-SHIJ, .imgHelp-SMS, .imgHelp-SAM, .imgHelp-KL, .imgHelp-NY, .imgHelp-WP, .imgHelp-SK, .imgHelp-SMP,.imgHelp-SKO{float:left;width:100%; padding-left:0;}
	/*.imgHelp{float:left; padding-left:0;}*/
	.student_help, .public_help, .admin_help { width: 100%; }
	
	
	#columnLeft { float: none; width: 98% !Important; padding-right: 0px; }
	#columnRight { min-width: 98%; max-width: 98%;}
	.portlet-mode-maximized, .portlet-mode-help { display: none; }
	
	#regionA, #regionB, #regionC, #regionMaximized { width: 100%; float: none; }
	#regionA .portlet-body { padding-right: 0; border-right: 0px solid #FFF;}
	#regionA .portlet-container, #regionB .portlet-container{border-right: 0px!important; border-left:none;}
	
	#expander { margin: 0; min-width: 100%; }
	
	.entityHeader, .cipHeader {font-size: 1.9em; padding-right:0px;}
	.examinationReg .event .label {width: 150px;}
	
	.headerSearch { margin-bottom: 25px; }
	
	.notifications .event .dateBlock {float:none; margin-left:26px}
	.entityPage .latestNotifications,.entityPage .deadlineNotifications {float:none;  display: block; width: 100%}
	.viewAsStudent{width: 99%; left:1px;}
	
	#service-message-bar-message-content{margin-left: 5px;}
	#service-messages-bar > div{ padding-left:14px !important; padding-right: 10px;}
	.service-messages-type-information #service-message-bar-message-content, .service-messages-type-warning #service-message-bar-message-content  {background-position: -100px -100px;} 
	#service-messages-bar{left: 1px; margin-right:100px!important;  min-width: 220px !important; }  
	  
	
	#file_browser_main{border: 0px; margin-left:0px; padding-left:0px; width:100%;} 
	#file_browser_tool_bar {margin-top:20px;}
	
	#footer-container p{margin-top: 10px;}
	
	
	/* READ SPEAKER  */
	#xp1 {left:2px;}
}


@media only screen and (min-width: 381px) and (max-width: 605px) {
	.searchField { width: 70%; }

	#toggleMenu{ display: block; }
	#toggleMenu .menuCurrent{ display: block; }
	
	.showInRwd a { margin-top: 0px; }
	.menuStudies  { display: none; }
	
	.logotyp span{ left: 100px; font-size: 20px;}
	.logotyp img { left: 10px; max-height: 71px; width: 74px;}
	
	#uu-top-links .central-nav-icon{ right:70%; }
	.userName  { display: none; }
	#footer-container p{ font-size: 11px; padding-top:10px;}
	#footer-container { max-height:500px;}
	
	.options { right: 50px; }
	#navigation .options {top:40px;}
	
	.imgStartAdmitted  { display: none; }
	.imgHelp{float:left;}
	
	#columnLeft { float: none; width: 98% !Important; padding-right: 0px; }
	#columnRight { min-width: 98%; max-width: 98%;}
	.portlet-mode-maximized, .portlet-mode-help { display: none; }
	
	#regionA, #regionB, #regionC, #regionMaximized { width: 100%; float: none; }
	#regionA .portlet-body, #regionB .portlet-body { padding-right: 0; border-right: 0px solid #FFF;}
	#regionA .portlet-container, #regionB .portlet-container{border-right: 0px!important; border-left:none;}
	
	.entityHeader, .cipHeader {font-size: 1.9em; padding-right:0px;}
	.examinationReg .event .label {width: 70%;}
	
	.notifications .event .dateBlock {float:right; margin-left:26px}
	.entityPage .latestNotifications,.entityPage .deadlineNotifications {float:none;  display: block; width: 100%}
	.viewAsStudent{width: 99%; left:1px;}
	
	#service-message-bar-message-content{margin-left: 5px;}
	#service-messages-bar > div{ padding-left:14px !important; padding-right: 10px;}
	.service-messages-type-information #service-message-bar-message-content, .service-messages-type-warning #service-message-bar-message-content  {background-position: -100px -100px;} 
	#service-messages-bar{left: 1px; margin-right:100px!important; }    
	
	
	#file_browser_main{border: 0px; margin-left:0px; padding-left:0px; width:100%;} 
	#file_browser_tool_bar {margin-top:20px;}
	
	
}

@media only screen and (min-width: 606px) and (max-width: 819px){
	#toggleMenu .menuCurrent { display: block; }
	.showInRwd a { margin-top: 0px; }
	.downloadSelected { width: 265px;}
	
	#uu-top-links .central-nav-icon{ right:70%; }
	#footer-container p{ font-size: 11px; padding-top:10px;}
	#footer-container { max-height:500px;}
	
	#columnLeft { float: none; padding-right: 0px; }
	#columnLeft, #columnRight { min-width: 570px; max-width: 570px;}
	.portlet-mode-maximized, .portlet-mode-help { display: none; }
	.headerSearch { background-position: -350px; text-indent: 0px; }
	
	#regionA, #regionB, #regionC, #regionMaximized { width: 100%; float: none; }
	#regionA .portlet-body, #regionB .portlet-body { padding-right: 0; border-right: 0px solid #FFF;}
	#regionA .portlet-container, #regionB .portlet-container{border-right: 0px!important; border-left:none;}
	
	.notifications .event .dateBlock {float:right; margin-left:26px}
	.entityPage,  .entityPage .latestNotifications,
	.entityPage .deadlineNotifications {float:none;  display: block; width: 100%}
	.viewAsStudent{width: 99%; left:1px;}
	
	#service-messages-bar{left: 1px; margin-right:100px!important; }   
	
	#file_browser_main{border: 0px; margin-left:0px; padding-left:0px; width:100%;} 
	#file_browser_tool_bar {margin-top:20px;}
	
	.portlet-mode-help { margin-right: 0px; }
	
	.logotyp span{ left: 170px;}
}

@media only screen and (min-width: 820px) and (max-width: 1200px){
	.entityPage,  .entityPage .latestNotifications,
	.entityPage .deadlineNotifications  {float:none;  display: block;  width: 100%; }
	
	.viewAsStudent{left:100px;}
	#columnLeft, #columnRight { min-width: 570px; max-width: 570px;}
	#regionA { width: 35%;}
	#regionB { width: 65%;}
	#regionC { width: 100%;}
	
	#service-messages-bar{left: 1px; margin-right:100px!important; }  
	
	.central-nav-icon.down {right: 55%;}
	.central-nav-icon.up {right: 55%;}
	
	.logotyp span{ left: 33%;}
}

/* CSS for mobile top menu, left menu mobile */
@media only screen and (max-width: 819px){
	#regionA {position:relative; z-index:500;}
	#regionB .portlet-container {margin-top: -20px;}
	#regionC {width:100%;}
	/* Top menu */
	.uu-top-stripe{background-image: none /*url(../themes/uusp/images/top-stripe-mobile.jpg) */;}
	.top-nav-dark {height:315px; padding:0;}
	.top-nav-uu-link-wrap { border-bottom: 1px solid #333; margin-bottom: 0px; padding: 18px; }
	.top-nav.first-level a { border: none; width: 100%; border-bottom: 1px solid #CCC; display: block; font-size: 0.875em; padding: 18px; text-decoration: none;}
	.top-nav-dark .top-nav.first-level li { padding: 0; margin:0; display: block; width: 100%; background:none; }
	
	.top-nav-dark .top-nav.second-level { margin: 0 0 5px;padding-top: 11px;width: 100%; background-color: #333;}
	.top-nav-dark .top-nav.second-level li.first { background: none; padding-left: 0; margin-left: 15px; }
	/* Main menu */
	.menuTabs {position:relative; z-index: 501;}
	/* left menu */
	.menu#menu {margin-top:0;}
	.menu.menuHelp h3 span, .menu.menuHelp h3 {overflow:hidden;}
	.menu.menuHelp h3 a { float: left; width:75%}
	li.educationTopLink { background: #eee none repeat scroll 0 0; padding:5px 9px; cursor:pointer;}
	/* Left menu */
	/*.menu { }
	.menu ul { clear:both;}
	.menu ul li { overflow:hidden;}
	.menu ul li span{overflow:hidden;}
	.menu ul li a{ width:100%; float:left;}
	.menu ul.toggleInRwd li a{ width:100%;}
	.menu ul li div.inline-block { width:30px !Important;}*/ /* Inline-block bör inte stylas så bort när tommy ger nya klasser */
	
	/*.menu#menu { }
	.menu#menu ul li { overflow:hidden;}
	.menu#menu > ul > li:first-child {background: #eee;}
	.menu#menu ul li span{overflow:hidden;}
	.menu#menu ul li .menuLink a {width: 82% !Important;float: left;}
	.menu#menu ul li .menuToggle { padding:3px; }
	.menu#menu ul.toggleInRwd li a{ width:100%;}
*/
	
	.menu { }
	.menu ul li { overflow:hidden;}
	/*.menu > ul > li:first-child {background: #eee;}*/
	.menuul li span{overflow:hidden;}
	.menu ul li .menuLink a {width: 82% !Important;float: left;}
	.menu ul li .menuToggle { padding:3px; }
	.menu ul.toggleInRwd li a{ width:100%;}
	.menu.menuStudent ul li.toggleInRwd.menuCurrent{ padding:0;}
	.menu.menuStudent ul li.toggleInRwd.menuCurrent ul li { margin-left: 0;}
	.menu.menuStudent ul li.toggleInRwd.menuCurrent ul li a{ color:#333 !Important;}
	.menu ul li.myStudiesStart {background:#eee;}
	
	.menu.servicesMenu {}
	.menu.servicesMenu ul.servicesMenuUl li:first-child a {width: 82% !Important; }
	.menu.servicesMenu ul.servicesMenuUl li a { width:97% !Important}
	
	/* Scroll i sidled i tabeller */
	.viewProgressTable, .progressSelection, .horizontalScroll, div#listStudents_wrapper {width:100%; overflow-x: scroll;}
	
	div.tjanstLista div.list {width:50%;}
	
	.showHelpDialog { display:none }
	
	li.educationTopLink {
		display:block;
		padding-bottom:10px;
		margin-bottom: 5px;
		border-top-width:thin!important;
		border-top-style:solid!important;
		border-top-color:#fff!important;
		color:#333;	
		cursor:pointer;
	}
	
	.sigill { display: none;}
}

/* CSS for Tab-menu */
@media only screen and (max-width: 380px) { 
	.showInRwd{display: block;}
	.showNotInRwd {display: none;}
	.showNotInRwdCompressed {display: none;}
	.menu .menuActive {border-top: none;}
	.menuTabs .rwd_menu {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_0 {display: none;}
	.menuTabs .menuItem_0 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_1 {display: block;}
	.menuTabs .menuItem_1 {display: none;}
	.menuTabs .rwd_menu .menuItem_rwd_2 {display: block;}
	.menuTabs .menuItem_2 {display: none;}
	.menuTabs .rwd_menu .menuItem_rwd_3 {display: block;}
	.menuTabs .menuItem_3 {display: none;}
	
	div.tjanstLista div.list {width:100%;}
	.noteFrame .links a {display: block;text-align: center;margin-bottom: 10px;}
	.programmeTitleWrapper .collabEntityIdWrapper {margin-bottom: 35px;}select[name="departmentCode"] {max-width: 270px;}
}

@media only screen and (min-width: 381px) and (max-width: 605px){
	.showInRwd{display: block;}
	.showNotInRwd {display: none;}
	.showNotInRwdCompressed {display: none;}
	.menu .menuActive {border-top: none;}
	.menuTabs .rwd_menu {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_0 {display: none;}
	.menuTabs .menuItem_0 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_1 {display: none;}
	.menuTabs .menuItem_1 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_2 {display: block;}
	.menuTabs .menuItem_2 {display: none;}
	.menuTabs .rwd_menu .menuItem_rwd_3 {display: block;}
	.menuTabs .menuItem_3 {display: none;}
	
	div.tjanstLista div.list {width:100%;}
	.noteFrame .links a {display: block;text-align: center;margin-bottom: 10px;}
	.programmeTitleWrapper .collabEntityIdWrapper {margin-bottom: 45px;}
	
}
@media only screen and (min-width: 430px) and (max-width: 545px){

	div.tjanstLista div.list {width:80%;}
}
@media only screen and (min-width: 540px) and (max-width: 605px){

	div.tjanstLista div.list {width:70%;}
}
	
@media only screen and (min-width: 606px) and (max-width: 820px) {
	.showInRwd{display: block;}
	.showNotInRwd {display: none;}
	.showNotInRwdCompressed {display: none;}
	.menu .menuActive {border-top: none;}
	.menuTabs .rwd_menu {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_0 {display: none;}
	.menuTabs .menuItem_0 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_1 {display: none;}
	.menuTabs .menuItem_1 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_2 {display: none;}
	.menuTabs .menuItem_2 {display: block;}
	.menuTabs .rwd_menu .menuItem_rwd_3 {display: block;}
	.menuTabs .menuItem_3 {display: none;}
	
	div.tjanstLista div.list {width:45%;}
}
@media only screen and (max-width: 1900px){
	.logotyp span{ width: 80%;}
}
@media only screen and (max-width: 1700px){
	.logotyp span{ width: 75%;}
}
@media only screen and (max-width: 1500px){
.halfWidthImage {width: 100%; margin-bottom: 20px; background-position:23% 27%;}
	.shalsan {background-size:155%;}
.shalsan .imgShalsan {padding:0;}
.shalsan .textWrapper {margin:0px;padding:10px; width:55%;}
.logotyp span{ width: 69%;}
}
@media only screen and (max-width: 1300px){
	.libraryVisit {display:block; clear: both; width:70%; margin-left:0; padding-top:20px; height:auto; background-color: #333;}
	.spellingWrapper .fullWidthImage { height: 380px;}
	.logotyp span{ width: 66%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
	.imgOngoing {background-position:100% 50%;background-size: 140%;}
	.logotyp span{ width: 62%;}
	}

@media only screen and (min-width: 1010px) and (max-width: 1200px){
	.librarySearch, .libraryVisit {width:84%;}
	.shalsan {background-size:110%;}
	.logotyp span{ width: 60%;}
}

@media only screen and (min-width: 820px) and (max-width: 1200px){
	div.tjanstLista div.list {width:45%;}
	div.tjanstLista div.list.stavningLink   { background-size: 200%;}
	div.tjanstLista div.list.talLink   { background-size: cover;}
	.shalsan .textWrapper {margin:10px;}
	.logotyp span{ width: 55%;}
	.departmentInformationBox h3 {max-width:103%;}
}
@media only screen and (max-width: 1080px){
	.myServicesPost, .korintGotland.myServicesPost {display:block; clear: both; width:70%;}
	div.tjanstLista div.list.stavningLink   { background-size: cover;}
	div.tjanstLista div.list.talLink   { background-size: cover;}
	.shalsan {background-size:110%;}
	span.dynatree-node.external a { display: block; pointer-events: initial; }
	.logotyp span{ width: 63%;}
	.departmentInformationBox h3 {max-width:103%;}
}
@media only screen and (min-width: 820px) and (max-width: 1010px){
	.myServicesPost, .libraryVisit, .librarySearch,.korintGotland.myServicesPost {display:block; clear: both; width:100%;}
	.logotyp span{ width: 63%;}
}
@media only screen and (min-width: 620px) and (max-width: 820px){
	.librarySearch {height:370px; background-size:initial; background-position:20% top;}
	.halfWidthImage {width: 100%; margin-bottom: 20px;}
	.shalsan .textWrapper {margin:10px;}
	.logotyp span{ width: 73%;}
	.departmentInformationBox h3 {max-width:104%;}
}
@media only screen and (max-width: 820px){
	.searchWrapper {margin: 10px 10px -20px 0; max-width: 570px;}
	.departmentInformationBox, .programInformationBox { margin-left: -12px; padding-left: 0; max-width: 100%;} 
	.menu h3 .menuCurrent.styleWrapper, .menu h3 .menuCurrent.styleWrapper:hover { border-right:0px solid #ccc; }
	.menu .styleWrapper .menuToggle a, .menu .styleWrapper:hover .menuToggle span a{ margin:6px; }
	.logotyp span{ width: 73%;}
}
@media only screen and (max-width: 620px){
	.myServicesPost, .libraryVisit, .librarySearch, .korintGotland.myServicesPost {display:block; clear: both; width:100%;}
	.librarySearch {height:430px; background-size:initial; background-position:24% top;}
	.librarySearch .textWrapper {margin:140px 0 0;}
	.libraryWrapper .librarySearch .searchLinks a {display: block; padding: 5px 0;}
	.spellingWrapper .fullWidthImage { height: 400px; background-position:10% center;}	
	.myServicesWrapper .office365Wrapper .textWrapper,.myServicesWrapper .epost .textWrapper {width:96%; margin-right:0;}
	.halfWidthImage {width: 100%; margin-bottom: 20px;}
	.SPinfo .spInfo {background-size: 120%;}
	.imgOngoing {background-position:100% 50%;background-size: 140%;}
	.profilesettings .current .address {display:block; margin-left:0; clear:both;}
	input#newForwarding, input#verifyNewForwarding {max-width: 300px;}
	.logotyp span{ width: 77%;}
}
@media only screen and (max-width: 470px){
	.myServicesWrapper .textWrapper {width:92%; margin-right:0;}
	.libraryWrapper .textWrapper, .epostWrapper .textWrapper {width:95%; margin-right:0;}
	.epostWrapper .epost {background-position:66% center;}	
	.spellingWrapper .fullWidthImage { height: 424px; background-position:10% center;}	
	.korintWrapper .fullWidthImage { height: 340px; background-position:37% bottom;}	
	.korintWrapper .textWrapper {margin: 105px 0 0 0;}
	.spInfo .linkWrapper {margin: 65x 0 10px 0px;width: 100%;}
	.SPinfo .spInfo {    background-size: 170%;background-position: 60% bottom;}
	.shalsan .textWrapper { width:49%; margin-right:0;}
	.shalsan {background-size: 162%;}
	.imgShalsan {padding-top: 0px;}
	.imgOngoing {background-position:100% 25%;background-size: 185%;}
	.imgOngoing .textWrapper {margin-top: 30px;}
	.departmentInfo .headingBlock, .messages_department .headingBlock, .messages_department .content { padding: 0; margin: 0;}
	.permalinkContent {margin-top: 4px; width: 100px;}
	#regionA .portlet-content-center .registrationInformation h2 {margin-left:-8px;}
	.logotyp span{ width: 69%;}
}
@media only screen and (max-width: 414px){
	.logotyp span{ width: 66%;}
}
@media only screen and (max-width: 380px){
	.logotyp span{ width: 63%;}
}
@media only screen and (max-width: 320px){
	.logotyp span{ width: 56%;}
}