@charset "utf-8";

img {
	height: auto;
	max-width: 100%;
}

input,
textarea {max-width: 100% !important}

a.toggle-menu-text {
	background: #3f3f3f !important;
	border: 1px solid #989898 !important;
	border-radius: 5px !important;
	cursor: default !important;
	display: block;
	float: none !important;
	font-weight: bold !important;
	margin: 31px 0 10px !important;
	padding: 0 10px !important;
}

a.toggle-menu-btn {
	background: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	cursor: pointer;
	display: block;
	margin: 0 !important;
	padding: 5.5px !important;
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 999 !important;
}

a.toggle-menu-btn.menu-open {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05) !important;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15)) !important;
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15)) !important;
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15)) !important;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15)) !important;
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.15)) !important;
}

a.toggle-menu-btn span.list-icon-row {
    margin-left: auto;
    margin-right: auto;
	padding: 0 !important;
    width: 20px;
    border-radius: 1px;
    background: #868686;
    display: block;
    margin-top: 2px;
    height: 3px;
}
a.toggle-menu-btn span.list-icon-row:first-child {margin-top: 0;}


/* desktop and up */
@media (min-width: 980px) {
	.browse-all-rs .bt-cs {display: bloc !important;}	
	.browse-all-rs .bt-cs-touch {display: none;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#all {width: 738px;}
	
	#contentarea {width: auto;}
	#breadcrumbs span,
	#breadcrumbs a,
	#breadcrumbs .button {font-size: 10px !important;}
	#breadcrumbs span {
		padding-right: 6px;
		padding-left: 6px
	}
	
	#breadcrumbs #logins {margin-right: 0}
	#breadcrumbs #logins a.button {
		display: inline-block;
		padding-bottom: 10px;
	} 
	
	#wrapper {width: 75%;}
	#left {width: 25%}
	
	#footer .custom table td:first-child {width: 370px !important}
	#footer .custom table td:first-child img {margin-right: 50px !important}
	#footer .custom table td:first-child + td {width: 200px !important}
	
	#wrapper object,
	#wrapper iframe {width: 100% !important}
	
	.rs-contributors-list li.contributor {height: auto;}
	.rs-contributors-list .image {float: none}
	
	div.itemToolbar {
		background: none;
		border: none;
		margin: 0;
	}
	
	div.itemToolbar ul li:first-child + li {display: none;}
	div.itemToolbar ul li a {font-size: 10px;}
	
	#rs-detail #rs-buttons-panel a {padding: 0 15px;}
	
	.browse-all-rs .bt-cs {display: none !important;}	
	.browse-all-rs .bt-cs-touch {display: block;}
}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#all {
		margin: 0 10px;
		width: auto;
	}
	
	#contentarea,
	#wrapper,
	#left {width: auto;}
	#wrapper,
	#left {float: none;}
	
	#header ul {
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#header ul li {
		background: url("../images/bg_horizontal_menu.png") repeat-x;
		display: block;
		line-height: 31px;
		margin-bottom: 5px;
		padding: 0 !important;
	}
	
	#header ul li a {
		display: block;
		margin: 0 !important;
	}
	
	#breadcrumbs {
		background: none;
		height: auto;
		padding: 0;
	}
	
	.poping_links,
	#logins {
		background: url("../images/bg_horizontal_menu.png") repeat-x;
		float: none;
		margin: 0;
		padding: 7px 0;
		position: relative;
		right: 0;
	}
	.poping_links, .poping_links a {font-weight: bold !important;}
	
	.poping_links form,
	#logins form {text-align: center}
	
	#logo {
		background: none;
		height: auto; 
		padding: 25px 0;
		text-align: center;
	}
	.header1 {font-size: 30px;}
	.header2 {font-size: 15px;}
	.header1,
	.header2 {margin: 0; position: relative}
	
	#main {padding: 0;}
	
	#breadcrumbs,
	#left h3,
	#footer {margin: 0 -10px !important;}
	#left h3 {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#wrapper object,
	#wrapper iframe {width: 100% !important}
	
	#footer .custom table {width: 100%}
	#footer .custom td {
		display: block;
		text-align: center;
		width: auto !important;
	}
	
	#footer .custom td img {
		float: none !important; 
		margin-right: 0 !important;
	}
	
	.rs-contributors-list li.contributor {height: auto;}
	.rs-contributors-list li.contributor:nth-child(2n+1) {clear: both;}
	.rs-contributors-list .image {float: none}
	
	div.itemToolbar {
		border: none;
		margin: 0;
	}
	
	div.itemToolbar ul li:first-child + li {display: none;}
	div.itemToolbar ul {text-align: center;}
	
	#rs-detail #rs-buttons-panel {
		float: none;
		top: 0;
		text-align: center
	}
	
	#rs-detail #rs-buttons-panel a {
		font-size: 12px;
		display: inline-block;
		float: none;
		padding: 3px 12px;
	}
	#rs-detail #rs-buttons-panel a:last-child {border-right: 0;}
	
	#rs-detail .rs-keyword.cols2.col1, 
	#rs-detail .rs-keyword.cols2.col2 {width: 43.5%;}
	
	#rs-detail .rs-bottom-action-links {height: auto;}
	#rs-detail .rs-bottom-action-links.links2 a {
		float: none;
		text-align: left !important;
		width: auto;
	}
	
	.browse-all-rs .bt-cs {display: none !important;}	
	.browse-all-rs .bt-cs-touch {display: block;}
	
	#contentarea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width: 360px) {
	#logo {
		background: none;
		height: auto; 
		padding: 25px 0;
		text-align: center;
	}
	.header1 {font-size: 25px;}
	.header2 {font-size: 12px;}
	
	#rs-detail #rs-keywords {background: none;}
	#rs-detail .rs-keyword.cols2.col1, 
	#rs-detail .rs-keyword.cols2.col2 {
		float: none;
		width: auto;
	}
}