@charset "UTF-8";
/*
css/screen-1025.css
By Matthew DiMatteo, Children's Technology Review

This file contains CSS rules supporting RWD (Responsive Web Design) for optimizing the display of CTREX on tablets in portrait mode
It is included in all pages via the file 'php/document.php'
*/

/* TABLET (PORTRAIT) */
@media screen and (max-width:769px) 
{

/* RWD SHOW/HIDE ********************************************************* */
.show-only-769										{ display:block; } 	/* elements to show only on this screen size */
.show-only-desktop, .show-only-1025, .show-only-480	{ display:none; } 	/* elements to show only on other screen sizes */
.show-480-and-above, .show-769-and-above			{ display:block; } 	/* elements to show only on screens above a certain size */
.show-1025-and-above								{ display:none; } 	/* elements to show only on larger screen sizes */
.show-769-and-below									{ display:block; } 	/* elements to show on this screen size and below */

/* HEADER */
#logo-container, .header-col
{
	border:0px solid white;
}
#back-btn-container, #login-btn-container
{
	width:16%;
}
#login-menu-container
{
	top:7%;
}
#login-menu-container input[type="text"], #login-menu-container input[type="password"]
{
	font-size:10px;
}
#profile-menu-btn-container img
{
	width:24px;
	max-width:24px;
	height:auto;
}
.searchbar-margin
{
	width:4%;
}

/* POWERSEARCH */
#and-or-container
{
	border:0px solid white;
	width:6%;
}
.powersearch-col
{
	border:0px solid yellow;
	width:23%;
	padding-left:0px;
	padding-right:0px; 
}
.dropdown-div, .dropdown-div-active
{
	width:95%;
	max-width:95%;
}
.dropdown-select, .dropdown-select-active
{
	width:95%;
	max-width:95%;
}

/* SECONDARY NAV */
.nav-item, .nav-item-active
{
	font-size:14px;
	margin-left:0px;
	margin-right:0px;
	padding-left:2px;
	padding-right:2px;
}

/* BOTTOM NAV */
#bottom-nav
{
	display:block;
}
#content
{
	margin-bottom:150px;
}

/* PAGE STRUCTURE */
.instructions
{
	text-align:left;
}

/* FORMS */
.field-container
{
	width:60%;
}

/* CONTENT PAGES */
#subscription-features
{
	width:80%;
}
#site-license-cost-calculator input[type="number"], .total
{
	width:80px;
	max-width:80px;
	font-size:18px;
}
#site-license-cost-calculator input[type="submit"], #site-license-cost-calculator button
{
	font-size:16px;
}
#site-license-order-content
{
	width:90%;
}
#site-license-order-content #email-fields .inline
{
	display:block;
	width:100%;
}
#mail-phone .inline
{
	display:block;
}
#password-page-container .page-header
{
	font-size:16px;
}

/* SEARCH PAGE STRUCTURE */
.sidebar
{
	display:none;
}
.search-area
{
	width:98%;
}
.results-heading, .search-options
{
	text-align:center;
}
.search-area-noresults
{
	width:98%;
	margin-right:0;
	border:0px solid #ccc;
	margin-left:0;
}
.pagenav-col
{
	width:8%;
}
#pagenav-string.pagenav-col
{
	width:64%;
	font-size:14px;
	margin-top:5px;
}

/* SEARCH RESULT ITEMS */
.search-area
{
	margin-left:0px;
}
.result-item-heading-title
{
	width:92%;
}
.result-item-heading-bookmark
{
	width:3%;
	padding-right:12px;
}
.result-item-company-links-container, .result-item-rating-container
{
	width:60%;
	border:0px solid black;
}
.result-item-company-links-padding, .result-item-rating-padding
{
	width:35%;
}
.result-item-grid-title
{
	font-size:16px;
}
.result-item-grid-copyright
{
	font-size:12px;
}
.result-item-grid-details
{
	font-size:10px;
}
.archive-info
{
	width:80%;
}
.weekly-title
{
	font-size:14px;
}
.expert-title
{
	font-size:12px;
}
.expert-photo-grid img
{
	height:150px;
	max-height:150px;
	width:auto;
}

/* REVIEW PAGE */
.review-details-col, .review-media-col
{
	width:90%;
}
.review-share
{
	margin-bottom:10px;
}
.review-images
{
	display:inline-block;
	width:60%;
	text-align:center;
}
.review-image-thumb-active, .review-image-thumb-inactive
{
	width:25%;
	margin-left:2px;
	margin-right:2px;
}
.review-video iframe
{
	width:60%;
	height:250px;
}

/* PROFILE PAGES */
.profile-header
{
	font-size:24px;
}
.profile-tab-menu-item
{
	font-size:12px;
}
.profile-tab-menu-btn
{
	
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
}
.profile-bio-col
{
	display:block;
	margin-right:0px;
	margin-bottom:10px;
}
.profile-bio-container #bio-textarea-col
{
	width:100%;
	font-size:16px;
}
.profile-bio-container #bio-textarea-col textarea
{
	width:90%;
	font-size:16px;
}
.profile-bio-container #bio-photo-col
{
	width:30%;
	margin-left:35%;
}
.profile-bio-container #bio-padding-col
{
	display:none;
}
.profile-textarea-container
{
	display:block;
	width:100%;
	font-size:16px;
}
#expert-info
{
	text-align:left;
}

/* SAVED BOOMARKS PAGE */
.folder-options-mobile-container
{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.folder-options-mobile-left
{
	display:inline-block;
	vertical-align:top;
	width:20%;
}
.folder-options-mobile-center
{
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.folder-options-mobile-right
{
	display:inline-block;
	vertical-align:top;
	width:20%;
}
#new-bookmark-folder-form-mobile input[type="text"]
{
	width:240px;
	max-width:240px;
	font-size:16px;
}
.delete-folder-container button
{
	font-size:14px;
}

/* PUBLISHER PROFILE */
.profile-pub-logo
{
	width:15%;
}
.profile-pub-heading
{
	width:68%;
}
#titles-info .paragraph-70, #submissions-info .paragraph-70
{
	width:98%;
	margin-left:1%;
}
#titles-info td, #submissions-info td
{
	font-size:12px;
}
#titles-info .td-title, #submissions-info .td-title
{
	font-size:14px;
}
.company-description-private textarea
{
	width:98%;
	font-size:16px;
}
.usage-report-table
{
	width:80%;
}

/* RUBRICS */
#rubric-menu-col-left
{
	display:none;
}
#rubric-menu-col-center, #rubric-menu-col-right
{
	display:block;
	width:100%;
	text-align:center;
}
.rubric-menu-col-btns
{
	width:25%;
	text-align:left;
}
.rubric-menu-col-select
{
	width:40%;
}
.qa-heading, .qa-weight, .weight-inc-dec, .weight-output
{
	display:none;
}
.qa-mobile-row-1, .qa-mobile-row-2
{
	display:block;
	width:100%;
	text-align:center;
}
.qa-rating, .qa-inc-dec, .qa-output
{
	border:0px solid #ccc;
}
.qa-rating
{
	width:70%;
}
.qa-inc-dec, .qa-output
{
	margin-top:-10px;
}
.qa-inc-dec
{
	width:12%;
}
.qa-inc-dec-btn button
{
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	font-size:18px;
}
.qa-output
{
	width:11%;
	font-size:24px;
}

.qa-rating input[type="range"], .qa-weight input[type="range"], #review-rating-container input[type="range"]
{
	outline:0;
}
.qa-rating input[type="range"]
{
	width:94%;
}
.qa-weight input[type="range"]
{
	width:95%;
}
#review-rating-container input[type="range"]
{
	width:95%;
}
#rubric-evaluation-total
{
	font-size:20px;
}
#rubric-evaluation-total-center
{
	margin-top:8px;
}
#rubric-evaluation-captcha .width-20
{
	width:60%;
}
.qa-checkbox-col
{
/*	display:block;*/
	width:40%;
	text-align:left;
	padding-left:70px;
	padding-right:0px;
	overflow-x:hidden;
	border:0px solid blue;
}
.qa-checkbox-row-a
{
	display:block;
	font-size:14px;
	padding:1px;
}
.qa-checkbox-row-b
{
	display:block;
	font-size:12px;
	padding:1px;
}
.qa-checkbox-row-c
{
	display:block;
	font-size:10px;
	padding:1px;
}
.qa-checkbox-row-d
{
	display:block;
	font-size:9px;
	padding:1px;
}
.qa-checkbox-row-e
{
	display:block;
	font-size:8px;
	padding:1px;
}
.qa-checkbox-row-f
{
	display:block;
	font-size:8px;
	padding:1px;
}

/* OPTIONS PAGE */
#options-page-container .menu-line
{
	font-size:20px;
	padding-left:90px;
}

/* AWARDS */
.award-page-container .awards-col, .award-page-container .awards-img, .award-page-container .awards-text
{
	display:inline-block;
	width:90%;
	margin-left:3%;
	margin-bottom:20px;
}

.awards-img img
{
	width:50%;
}

.award-title-img img
{
	display:none;
}

.award-title-text
{
	width:100%;
}

/* JUROR PANEL */
#juror-panel-page-container .review-title
{
	font-size:24px;
}

/* SPONSORS */
#sponsors-text, #supporters-info
{
	text-align:left;
}
#supporters-sponsors-link
{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:90%;
	font-size:18px;
}

} /* /@media screen and (max-width:769px) */