/* CSS Document */
@media only screen and (max-width: 1310px) {
	.RadMenu_YMPublic .rootGroup .link {
		font-size: 12px;
		padding: 0 15px;
	}
	#QuickSearchHead {
		font-size: 16px;
	}
	.irailhead {
		font-size: 16px;
	}
	.irailhead a {
		font-size: 12px;
	}
}

@media only screen and (max-width: 1220px) {
	#logo {
		max-width: 200px;
		margin-top: -7px;
	}
	.RadMenu_YMPublic .rootGroup .link {
		font-size: 12px;
		padding: 0 9px;
	}
	#islideshow {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1000px) {
	#icontainer, #FooterContentArea, #icopyright-inner {
		width:95%;
		max-width:1000px;
		min-width:auto;
	}
	.RadMenu_YMPublic .rootGroup .link {
		font-size: 11px;
		padding: 0 10px;
	}
	#QuickSearchHead {
		font-size: 14px;
	}
	#sptitle-content {
		width:auto;
	}	
	#sub-isearch {
		width:30%;
	}
	.foot-col1 {
		width: 44%;
	}
	.foot-col2, .foot-col3 {
    	width: 23%;
	}
}

@media (max-width: 959px) {
	#SearchForm table {width: 100%;}
	#SearchForm input {width:100% !important; float:left !important;}
	#SearchForm td {float:left; width:100%;}
}

@media only screen and (max-width: 850px){
	#logo {
		max-width: 190px;
	}
	.RadMenu_YMPublic .rootGroup .link {
		font-size: 11px;
		padding: 0 5px;
	}
	.footer-tagline {
		margin-bottom: 20px;
	}
	.foot-col1, .foot-col2, .foot-col3 {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.foot-col3 {
		margin: 15px 0;
	}
	.foot-col1 ul {
		margin-bottom: 20px;
	}
	.foot-col1 li {
		display: block;
	}
}

@media only screen and (max-width: 769px){
	#logo {
		max-width: 240px;
	}
	#menu-right{
		width: 100%;
		height: 0;
		margin-top: 0;
	}
	.slicknav_menu {
		margin-top: -70px;
	}
	.slicknav_btn {
		margin-bottom: 33px;
	}
}

@media only screen and (max-width: 767px){
	#icontainer, #FooterContentArea, #icopyright-inner {
		width:90%;
		max-width:767px;
	}
	#itoolbar-content {
		display: none;
	}
	#itoolbar {
		width: 100%;
		text-align: center;
		font-size: 0;
	}
	#itoolbar-inner {
		padding-right: 0;
	}
	#itoolbar a {
		font-size: 11px;
		text-transform: none;
		padding: 0 5px;
	}
	#menu-left {
		height: auto;
	}
	#TopSearch {
    	position: initial;
		margin-top: 15px;
	}
	#mobile-nav {
		width:60%;
		height:90px;
		float:right;
		display:block;
	}
	#mobile-nav a {
		color:#fff;
		text-decoration:none;
		float:right;
		line-height:90px;
		padding:0 5%;
	}
	#content-top{
		width:100%;
		padding: 15px 0;
	}
	#snapshots, #sub-snapshots {
		height: auto;
		width: 100%;
	}
	.zone, #sub-snapshots .zone{
		width:100%;
		height:auto;
		min-height:auto;
		float: none;
		margin-bottom:20px;
		margin-left:0 !important;
	}
	.zone:before {
		display: none;
	}
	#hp-left {
		height:auto;
		width:100%;
		float: none;
		margin-bottom:20px;
	}
	#hp-right {
		float: none;
		height: auto;
		margin-left: 0;
		width: 100%;
	}
	#input {
		width:96%;
	}
	#login .irailcontent {
		display: table;
	}
	#login .irailcontent br {
		display:none;
	}
	#LoginUserName {
		width:50%;
		float:left;
	}
	#LoginUserName input, #LoginPassword input{
		width:95%;
	}
	#LoginPassword {
		width:50%;
		float:left;
		margin-top:0;
	}
	#RememberMe {
		clear: both;
		float: right;
		margin-top: 2%;
		text-align: left;
		width: 50%;
	}
	#LoginSubmit {
		width:50%;
		float:left;
		text-align:left;
		margin-top:2%;
	}
	#LoginForgot, #LoginRegister {
    	clear: both;
	}
	#sptitle {
		height:auto;
	}
	#sptitle-content {
		width:100%;
	}
	#sub-isearch{
		width:100%;
		margin-top:0;
		margin-bottom:2%;
	}
	#sub-isearch #input {
		width:96%;
	}
	#SpContent {
		width:100%;
	}
	#SpContent_Container {
		padding:0 1%;
	}
	#icopyright-inner {
		font-size:90%;
	}
	.MemberControlPanel {
		width:99.9%;
	}
	.groupTableZone2 {
		display:none;
	}
	.yui-skin-sam .yui-panel-container {
		display:none;
	}
}

 @media all and (max-width:640px) {
	body, .wf-active {
		min-width: 100% !important; 
	} 
}

@media only screen and (max-width: 480px) {
	#icontainer, #FooterContentArea, #icopyright-inner {
		width:90%;
		max-width:479px;
	}
	#logo {
		max-width: 220px;
	}
	.slicknav_menu .slicknav_menutxt {
		display: none;
	}
	.slicknav_menu .slicknav_icon {
		margin: 0;
	}
	#login {
		height:100%;
	}
	#LoginUserName {
		width: 100%;
		float: none;
	}
	#LoginPassword {
		width: 100%;
		float: none;
		margin-top: 10px;
	}
	#mobile-nav {
		width:50%;
	}
	#itoolbar-content {
		display:none;
	}
	#itoolbar {
		width:100%;
	}
	#SpNavBar {
		display:none;
	}
	.AdminMenu {
		display:none;
	}
	#SpContent_Container {
		width:97%;
	}
}