/*general page elements*/

/* tablets */
/* minor changes for ipad in portrait mode */

@media screen and (max-width: 768px) {

#container {
	width: 640px;
}

}


/* mobiles */
/* more fundamental changes for smaller screen sizes */

@media screen and (max-width: 750px) {

/* changes to the »ÆÉ«¶ÌÊÓƵ template */
body {
	//font-size: 3em;
	background: #fff;
}

#container {
	//padding: 5%;
	min-width: 200px;
	width: 100%;
	
}

div#sub_nav_secondary {
	border: 0px;
	background: #efefef;
	font-size: 0.9em;
}

div#sub_nav_secondary ul {
	display:block;
	margin: 0.4em;
}
div#sub_nav_secondary ul li {
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #ccc;
}

div#sub_nav_secondary ul li a, div#sub_nav_secondary ul li.first a, div#sub_nav_secondary ul li.active a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}

div#sub_nav_secondary ul li.first {
	padding-left: 0px;
	border-left: none;
}

div#sub_nav_secondary li a {
	background: none;
	border-radius: none;
	-webkit-border-top-right-radius: 0px;
}



#wrapper {
	margin-top: 0px;
}



/* changes specific to the ITS pages */

/* grid */
.row {
	clear:left;
}

.col1,.col2,.col3 {
	width: 100%;
}

.grid_row {
	
}

.grid_col_left, .grid_col_right, .grid_column_2r, .spotlight_sidebar, div.spotlight, .inner_spot, #studentportal, #staffportal, #researcherportal, div#visitorportal, .links_panel, .last_links_panel, .service_column, div.grid_column_3 {
	float:left;
	clear:left;
	width: 100%;
	margin: 0px;
}

div#secondary_search {
	display:block;
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
	display:none;
}

div.home_page_standfirst {
	clear:right;
}

div#portalpanel {
	float:left;
	clear:left;
	width: 95%;
	margin: 0px;
}

div#portalpanel {
	margin-bottom: 1em;
}
div#portalpanel:after {
	clear:left;
}
span.links_image {
	width: 160px;
}

div.statuslight {
	padding-bottom: 0.5em;
}
a.statuslightlink, a.statusgreen, a.statusamber, a.statusred {
	display: block;
	padding-bottom: 0.5em;
	width: 95% !important;
	margin-left:0.5em;
}

div.course_info {
	border: none;
	border-top: 1px solid #ccc;
}

div.carousel_scrolling_panel div.grid_row {
	width:300px;
}

/* green it */

#green_carousel_padded {
	padding-bottom: 0px;
}

/* general page elements */

#two_col_a_left {
	width: 100%;
}

#left_nav {
	width: 100%;
	font-size: 1em;
	bottom: 0px;
	display: none;
}


#two_col_a_content_container, #one_col_content_container {
	margin-top: 0px;
}



#two_col_a_right {
	margin-left:0px;
	clear:left;
	width:100%;
}

#two_col_b_left_wrapper {
	margin: 0px;
	clear: left;
}

#two_col_b_left {
	margin: 0px;
}

#two_col_b_right {
	margin-top:10px;
	width: 100%;
}

#logo, #topright_nav, #main_nav, #sub_nav {
	display:none;
}



#breadcrumb {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
	background: #fff;
	border: 0px;
	padding-left: 0px;
	display: none;
}



#footer {
	padding:0px;
	padding-bottom: 1em;
	margin: 0px;
	border: 0px;
	font-size: 0.8em;
	background: #ffffff;
	
}

#footer span {
	padding: 0px !important; 
}

.footer_corner_br, .footer_corner_bl, .container_corner_tl, .container_corner_tr, .container_corner_br, .container_corner_bl {
	background-image: none;
	padding: 0px;
	margin: 0px;
}

.footer_corner_bl ul {
	display:none;
}

/* add in holder for left-hand nav at foot of page instead */

#mobile-menu {
}


#mobile-menu ul {
	list-style-type: none;
	padding: 0.5em;
	margin: 1em;
}

#mobile-menu ul li {
}

#mobilemenubutton {
	display: block;
	clear: both;
	float: right;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	color: #333;
}

span.faq_feedback_buttons {
	display:block;
	margin-bottom: 2em;
}

/* add top logo */

#mobilelogo {
	display: block;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 30px;
}

h1 {
	display:none;
}

.mobileblock {
	display: block;
}

hr.mobilerule {
	display: block;
	background: #ffffff;
	height: 5px;
	border: 1px solid #ffffff;
	border-top: 1px solid #ccc;
}


hr.striped, .mobilestripedhr {
	display: block;
	background: url('/its/images/stripes_ffffff.gif') ;
	height: 10px;
	border: 0px;
	border-bottom: 0px;
	margin-bottom: 10px;
}

/* forms */

div.row span.label {
	clear:left;
	text-align:left;
	width: 90%;
}
div.row span.formw {
	display:block;
	clear:left;
	margin:0px;
	width: 90%;
	float: left;
}

/* its map */
#itsmap {
	overflow: scroll;
}


}