@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 mobile devices in portrait mode
It is included in all pages via the file 'php/document.php'
*/

/* MOBILE (PORTRAIT) */
@media screen and (max-width:480px) 
{

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

/* HEADER - TOP ROW */
#back-btn-container, #login-btn-container
{
	border:0px solid white;
	width:22%;
	font-size:14px;
	padding:0px;
}
#back-btn-container, #mobile-login-link, #profile-menu-btn-container
{
	margin-top:8px;
}
#logo-container
{
	border:0px solid white;
	width:50%;
}
#tagline
{
	font-size:14px;
	display:none;
}

/* HEADER - BOTTOM ROW */
#menu-icon-container
{
	border:0px solid white;
}
#menu-icon-container div
{
	margin-left:-6px;
}
#powersearch-icon-container-offset
{
	display:none;
}
#searchbar-container
{
	width:70%;
}
#input-keyword
{
	font-size:20px;
}
#powersearch-icon-container
{
	width:36px;
}
#menu-icon-container-offset
{
	display:none;
}

.logged-in-message
{
	padding:4px;
	color:black;
	font-size:12px;
}

/* BOTTOM NAV */
#bottom-nav
{
	display:block;
}
#content
{
	margin-bottom:150px;
}
.bottom-nav-item-image img
{
	width:32px;
	max-width:32px;
}
footer
{
	font-size:10px;
}

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

/* MENU */
.menu-line
{
	padding-top:4px;
	padding-bottom:4px;
	font-size:12px;
}

/* POWERSEARCH */
#powersearch
{
	border:0px solid white;
	margin-bottom:4px;
}
#powersearch div
{
	border:0px solid white;
}
.powersearch-col
{
	border:0px solid yellow;
	width:24%;
}
#and-or-container, #and-or-offset
{
	display:none;
}

/* MESSAGES */
.message
{
	font-size:14px;
}
.promocode-form-container input[type="text"]
{
	font-size:14px;
	width:200px;
	max-width:200px;
}
.promocode-form-container input[type="submit"], .promocode-form-container button
{
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px;
}
.promocode-accepted, .promocode-invalid
{
	font-size:14px;
}
#promocode-instructions, #promocode-supporter, .promo-item-footnote
{
	font-size:12px;
}

/* PAGE STRUCTURE */
.page-header
{
	font-size:18px;
}
.subheader
{
	font-size:14px;
}
.instructions
{
	font-size:12px;
	text-align:left;
}

/* FORMS */
.field-label, .field-container, .field-note
{
	display:block;
	width:100%;
	text-align:left;
}
.field-label
{
	margin-top:2px;
	font-size:12px;
}
.field-container
{
	margin-left:0px;
	margin-top:2px;
}
.field-container input
{
	margin-top:-2px;
}
.field-note
{
	margin-left:0px;
	font-size:14px;
	margin-top:4px;
}
.field-footnote
{
	font-size:12px;
	margin-top:2px;
	margin-bottom:14px;
}
.field-container input
{
	font-size:18px;
	color:#002157;
	width:99%;
	margin-top:-4px;
}
#login-page-form-container
{
	width:90%;
}

/* CONTENT PAGES */
.subscribe-bubble
{
	padding:12px;
}
.subscribe-bubble-header
{
	font-size:28px;
}
.subscribe-bubble-subheader
{
	font-size:16px;
}
#subscription-features
{
	width:90%;
}
.samples-container .inline
{
	display:block;
	width:100%;
	margin-bottom:20px;
}
#site-license-page-content #site-license-description, #site-license-page-content #tier-table-container
{
	width:90%;
}
#site-license-cost-calculator input[type="number"], .total
{
	width:60px;
	max-width:60px;
	font-size:14px;
}
#site-license-cost-calculator .quarters, #cost-summary .quarters
{
	font-size:12px;
}
#site-license-cost-calculator input[type="submit"], #site-license-cost-calculator button
{
	font-size:12px;
}
#cost-summary .savings .quarters
{
	font-size:10px;
}
#total-cost-header
{
	width:20%;
}
#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;
}
#submission-page-selector
{
	font-size:14px;
}
#submission-page-selector .space-10, #submission-page-selector .space-20
{
	margin-left:2px;
	margin-right:2px;
}

/* SEARCH OPTIONS */
.results-heading
{
	font-size:14px;
}
#secondary-nav
{
	display:none;
}

/* SEARCH PAGE STRUCTURE */
.search-confirmation
{
	width:100%;
	text-align:center;
}
.search-confirmation .text-24
{
	font-size:20px;
}
.results-heading, .search-options
{
	text-align:center;
}
.search-options-item button
{
	font-size:12px;
	padding:4px;
}
#relevance-max-results
{
	display:none;
}
.search-area
{
	width:100%;
	margin-left:0px;
}
.pagenav-col
{
	width:8%;
}
.pagenav-col button
{
	font-size:10px;
	padding-left:4px;
	padding-right:4px;
}
#pagenav-string.pagenav-col
{
	width:60%;
	font-size:10px;
	margin-top:6px;
}

/* SEARCH RESULT ITEMS */
.result-item-image
{
	width:20%;
}
.pub-item .result-item-image
{
	width:18%;
}
.pub-item .result-item-text
{
	width:80%;
}
.result-item-text
{
	width:80%;
}
.result-item-heading, .result-item-info
{
	padding-left:6px;
}
.result-item-rating-container
{
	padding-left:0px;
	margin-left:-2px;
}
.result-item-heading-title
{
	width:83%;
	font-size:18px;
	border:0px solid red;
}
.result-item-heading-bookmark
{
	width:6%;
	padding-right:12px;
	border:0px solid red;
}
.company-links
{
	font-size:12px;
}
.result-item-company-links-container, .result-item-rating-container
{
	width:100%;
	border:0px solid black;
}
.result-item-company-links-padding, .result-item-rating-padding
{
	display:none;
}
.result-item-rating-container .rating-line-col
{
	margin-right:5px;
}
.rating-details
{
	width:80%;
}
.result-item-copyright
{
	font-size:14px;
}
.result-item-info-line
{
	font-size:12px;
}
.result-item-context
{
	font-size:12px;
}
.result-item-grid-col
{
	width:23%;
	padding:0px;
	text-align:center;
}
.result-item-grid-photo
{
	height:60px;
	max-height:60px;
}
.result-item-grid-photo img
{
	height:58px;
	max-height:58px;
	width:auto;
}
.result-item-grid-title
{
	font-size:12px;
}
.result-item-grid-copyright, .result-item-grid-expand
{
	display:none;
}
.archive-item .result-item-heading, .archive-item .result-item-heading-title
{
	font-size:14px;
}
.archive-item .result-item-heading-title
{
	width:98%;
	padding-left:10px;
}
.archive-item .archive-item-image
{
	border:0px solid red;
}
.archive-item .archive-info
{
	border:0px solid red;
	width:60%;
}
.feature-reviews
{
	font-size:14px;
}
.archive-item-title-row
{
	font-size:10px;
}
.archive-item-title-col
{
	border:0px solid red;
	width:32%;
	font-size:10px;
}
.result-item-archive-grid-col
{
	width:32%;
	border:0px solid blue;
}
.weekly-info
{
	border:0px solid red;
}
.weekly-img img
{
	height:60px;
	max-height:60px;
	width:auto;
}
#experts-page-container .paragraph-70
{
	width:90%;
	margin-left:5%;
}
.expert-photo-grid
{
	width:100%;
}
.expert-photo-grid img
{
	height:80px;
	max-height:80px;
	width:auto;
}
#experts-grid .expert-name
{
	font-size:14px;
}
#experts-grid .expert-title
{
	font-size:10px;
}

/* REVIEW PAGE */
#review-velvet-rope button
{
	font-size:16px;
	margin-bottom:20px;
}
.review-share
{
	text-align:center;
	margin-bottom:10px;
}
#review-share-item-print, #review-share-item-export, #review-share-item-permalink, #review-permalink-container
{
	display:none;
}

/* PROFILE PAGES */
.profile-header, .profile-options-label, .profile-options, #profile-options-container, #preview-public-container
{
	font-size:16px;
}
.profile-tab-menu-item
{
	font-size:8px;
}
.profile-tab-menu-btn, .profile-tab-menu-label
{
	padding-left:0px;
	padding-right:0px;
}
.profile-tab-menu-label
{
	font-weight:normal;
}
#about-info, #bio-info
{
	font-size:14px;
}
.profile-section-content .field-container
{
	font-size:14px;
}
.profile-section-content .field-container input[type="text"], .profile-section-content .field-container input[type="email"], .profile-section-content .field-container input[type="password"]
{
	font-size:14px;
}
.profile-section-content .form-row
{
	margin-bottom:10px;
}
.profile-section-content .field-note
{
	font-size:10px;
	margin-bottom:10px;
}
.profile-saved-item-row button
{
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
}
.profile-saved-item-row .saved-item-label
{
	width:78%;
	font-size:10px;
	margin-top:4px;
}
.profile-bio-col
{
	display:block;
	margin-right:0px;
	margin-bottom:10px;
}
.profile-bio-container #bio-textarea-col
{
	width:100%;
}
.profile-bio-container #bio-textarea-col textarea
{
	width:90%;
	font-size:14px;
}
.profile-bio-container #bio-photo-col
{
	width:40%;
	margin-left:30%;
}
.profile-bio-container #bio-padding-col
{
	display:none;
}
.profile-textarea-container
{
	display:block;
	width:100%;
	font-size:14px;
}
#expert-info
{
	text-align:left;
}
.profile-section-header
{
	font-size:16px;
}

/* SAVED BOOKMARKS PAGE */
.folder-options-mobile-container
{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.folder-options-mobile-left
{
	display:inline-block;
	vertical-align:top;
	width:30%;
}
.folder-options-mobile-center
{
	display:inline-block;
	vertical-align:top;
	width:65%;
}
.folder-options-mobile-right
{
	display:none;
}
#new-bookmark-folder-form-mobile input[type="text"]
{
	width:180px;
	max-width:180px;
	font-size:16px;
}
#folder-select-mobile-container button
{
	font-size:14px;
}
.new-bookmark-folder-form input[type="submit"], .new-bookmark-folder-form button
{
	width:33px;
	height:33px;
	max-width:33px;
	max-height:33px;
	font-size:16px;
}
.bookmarks-folder-heading
{
	margin-top:6px;
}
.delete-folder-container button
{
	font-size:12px;
}

/* PUBLISHER PROFILE */
.profile-pub-logo
{
	display:none;
}
.profile-pub-heading
{
	width:98%;
}
#titles-info .paragraph-70, #submissions-info .paragraph-70
{
	width:98%;
	margin-left:1%;
}
#titles-info td, #submissions-info td
{
	font-size:10px;
}
#titles-info .td-title, #submissions-info .td-title
{
	font-size:12px;
}
.company-description-private textarea
{
	width:98%;
	font-size:14px;
}
.company-description-public
{
	font-size:14px;
}
.profile-iframe iframe, #review-video iframe
{
	width:340px;
	height:240px;
}
.usage-report-table
{
	width:100%;
}

/* RUBRICS */

.rubric-menu-col-btns
{
	width:12%;
}
.rubric-menu-col-select
{
	width:72%;
}
#rubric-menu-col-ctr-print, #rubric-menu-col-saved-print, .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:65%;
	margin-left:6%;
}
.qa-rating input[type="range"]
{
	width:96%;
}
.qa-inc-dec
{
	width:14%;
}
.qa-inc-dec-btn
{
	padding-left:0px;
	padding-right:0px;
	margin-top:-6px;
}
.qa-inc-dec-btn button
{
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
.qa-inc-dec, .qa-output
{
	margin-top:0px;
}
.qa-output
{
	width:13%;
	font-size:14px;
}
#rubric-evaluation-total
{
	font-size:18px;
}
#rubric-evaluation-total-center
{
	width:60%;
	margin-top:8px;
}
#rubric-evaluation-total-right
{
	display:none;
}
#rubric-evaluation-captcha .width-20
{
	width:95%;
}

/* RUBRIC CREATION PAGE */
.rubric-create-header-col-left
{
	display:inline-block;
	vertical-align:top;
	width:25%;
	text-align:center;
	font-size:14px;
	margin-top:1px;
	border:0px solid blue;
}
.rubric-create-header-col-center
{
	display:inline-block;
	vertical-align:top;
	width:40%;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border:0px solid blue;
}
.rubric-create-header-col-right
{
	display:inline-block;
	vertical-align:top;
	width:25%;
	text-align:left;
	border:0px solid blue;
}
.qa-checkbox-col
{
	display:block;
	width:100%;
	padding:8px;
}
.qa-checkbox-row-a
{
	display:block;
	font-size:16px;
	padding:1px;
}
.qa-checkbox-row-b
{
	display:block;
	font-size:16px;
	padding:1px;
}
.qa-checkbox-row-c
{
	display:block;
	font-size:14px;
	padding:1px;
}
.qa-checkbox-row-d
{
	display:block;
	font-size:14px;
	padding:1px;
}
.qa-checkbox-row-e
{
	display:block;
	font-size:12px;
	padding:1px;
}
.qa-checkbox-row-f
{
	display:block;
	font-size:12px;
	padding:1px;
}
#save-rubric-form
{
	width:90%;
	margin-left:5%;
}

/* EDITORIAL PANEL */
.editorial-review
{
	width:45%;
	margin-left:-20px;
}
.editorial-notes
{
	width:45%;
}
.standard-qa-name, .standard-qa-rating
{
	display:block;
	width:99%;
}
.standard-qa-output
{
	display:none;
}

/* REVIEW COMMENT/RATING */
#review-comment-textarea-container textarea
{
	width:96%;
	max-width:96%;
}
#review-rating-container input[type="range"]
{
	width:98%;
}
#review-rating-container .range-step
{
	font-size:10px;
}
.quick-rating-inc-dec
{
	text-align:center;
}
#review-rating-container div.inline
{
	border:0px solid blue;
}
#review-rating-col-reset
{
	width:21%;
}
#review-rating-col-slider
{
	width:52%;
}
#review-rating-col-inc-dec
{
	width:10%;
}
#review-rating-col-output
{
	width:12%;
}
#review-rating-col-output .text-30
{
	font-size:18px;
	margin-top:8px;
}
#quick-rating-submit-area .width-40
{
	width:90%;
}

/* PRESS PAGE */
#press-page-container #editorial-links .inline
{
	display:block;
	width:100%;
	margin-left:0px;
	margin-right:0px;
}
#press-page-container #editorial-links .inline button
{
	width:80%;
	max-width:80%;
}
#press-page-container #press-page-description
{
	width:90%;
	margin-left:5%;
	margin-top:10px;
}
#facebook-feed-container
{
	border:0px solid red;
}
#facebook-feed-container #fb-page-container
{
	text-align:left;
	margin-left:24px;
	border:0px solid black;
}
#facebook-feed-container #fb-like-container
{
	border:0px solid black;
}

/* WORKSHOPS PAGE */
#workshops-page-container #workshops-photo
{
	display:none;
}
#workshops-page-container #workshops-description
{
	display:block;
	width:100%;
	margin-top:-10px;
}

/* AWARDS */
.award-iframe iframe
{
	height:200px;
	max-height:200px;
}

/* JUROR PANEL */
#juror-panel-page-container .review-title
{
	font-size:18px;
}
.juror-panel-img
{
	width:40%;
}
.juror-panel-title
{
	width:55%;
}
.juror-panel-btns
{
	margin-top:10px;
	margin-bottom:10px;
}
.juror-panel-btns, .juror-panel-comments
{
	display:block;
	width:100%;
}

/* SUPPORTERS */
#become-a-supporter
{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:90%;
}

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