/**

 * Based on design by PBS Computing and Clute Institute

 * First Developed by Ryan Kauffman

 * August 22, 2011

 * Updated by Steve Gehl

 * March 12, 2013

 */



/**

 * Main layout elements

 */

 

html

{



	height: 100%;

	width: 100%;

	min-height: 100%;

	min-width: 100%;

	position: absolute;

} 

 

body

{

	height: 100%;

	width: 100%;

	min-height: 100%;

	min-width: 100%;

	background-color: transparent;

} 



a:link

{

	background:none;

	color: #003366;

} a:active

{

	background: none;

	color: #003366;

}

 

a:visited

{

	background: none;

	color: #003366;

} a:hover

{

	background: none;

	text-decoration:underline;

	color: #003366;

}



p

{

	margin: 0;

}



ul.plain

{	font-size: 13px;

}



ul.plain a

{

	text-decoration: none;

}



ul.plain a:hover

{

	text-decoration: underline;

}



/**

 * Header layout elements

 */ 

 

#header 

{

	position: relative;

	background-color: transparent;

	min-height: 0px;

	max-height: 0px;

	width: 100%;

}



#headerTitle

{

	width: 64%;

	min-width: 940px;

	height: 63px;

	margin: 0 auto 0 0;

	padding: 0;

	position: relative;

	float: none;

	

	display: block;

}



#headerTitle h1

{

	position: relative;

	float: left;

	padding: 0;

	margin-top: 4px;

	margin-left: 15px;

	display: block !important;

}



#headerTitle h2 

{

	float: left;

	margin: 11px 0 0 20px;

	padding: 0 0 46px 0;

	width: 300px;

	font-family: "Times New Roman", Times, serif;

	font-size: 36px;

	font-weight: bold;

	font-style: normal;

	color: #FFFFFF;

}



#headerTitle h3 

{

	position: relative;

	margin: 12px 0 0 15px;

	font-family: "Times New Roman", Times, serif;

	font-size: x-large;

	font-weight: bold;

	font-style: normal;

	color: #FFFFFF;

}



#headerTitle img

{

	border: 0;

	border-color: transparent;


}



#headerTitle p.callus

{

	position: relative;

    color: #9DD0FF;

    float: right;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

    font-style: italic;

    font-weight: bold;

    height: 15px;

    margin-bottom: 0px;

    margin-left: 0%;

    margin-right: 30px;

    margin-top: 27px;

    padding-bottom: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 0px;

    text-align: right;

}



#headerTitle p.callus a 

{

	text-decoration: none;

	color: #9dd0ff;

}



#headerTitle p.callus a:hover 

{

	text-decoration: underline;

	color: #9dd0ff;

}



#headerTitle p.callus span

{

	padding:0 10px 0 10px;

}



#headerTitle p.callus a:visited

{

	color: #9dd0ff;

}



#title

{

	float: left;

}



#title h5

{

	font-size: small;

	font-family: "Times New Roman", Times, serif;

	position: relative;	padding-left: 1px;

	margin-top: -0.8px;

	font-weight: bold;

	color: #fff;

}



#ie8

{

	width: 100%;

	height: 63px;

} 



/**

 * Containers

 */



#container

{

	position: absolute;

	background-repeat: repeat-x;

	background-position: left bottom;

	 

	z-index: 5;

	background-color:white;

	min-height: 100%;

	min-width: 100%;

	width: 100%;

	vertical-align: bottom;

} 



#body

{

	position: relative;

	height: 100%;

	min-height: 100%;

	width: 100%;

	min-width: 100%;

}



#main 

{

	position: relative;

	width: 65%;

	min-width: 940px;

	height: 100%;

	min-height: 100%;

	padding: 0;

	background-color:white;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

	overflow: visible;

	margin: 0px auto 60px;

	float: none;

	display: block;

}



#main p

{	font-size: 13px;

	margin-top: 5px;

	margin-bottom: 5px;

}



#main h2

{    margin: 7px 1px -13px 1px;

    padding: 0 0 7px 0;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: normal;

    color: #0e0f17;

    text-transform: capitalize;

    border-bottom: 1px solid #C0C0C2;

}



#content 

{

	border-top: none;	

	margin: 0px 1px 60px 1px;

	min-height: 100%;



	padding-top: 5px;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

}



#content ul.steplist a:link

{

	color: #003366;

	text-transform: capitalize;	font-size: 13px;

}



#content ul.steplist li.current

{

	color: #003366;

	text-transform: capitalize;	font-size: 13px;

}



#content h3

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;  line-height: 130%; padding-top:10px;

}



#content h4

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

}



#content input.button

{

	background-color: #0B5D8E;

	border-color: #0B5D8E;

	color: #FBFBF3;

	font-weight: bold;

}



#content a

{

	text-decoration: none;

}



#content form a:hover

{

	text-decoration: underline;

}



#copyrightNotice

{

	border-top: none;	

	min-height: 100%;



	padding-top: 0px;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

}



#copyrightNotice h3

{

	font-size: 1.8em;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

}



#privacyStatement

{

	border-top: none;	

	min-height: 100%;



	padding-top: 0px;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

}



#privacyStatement h3

{

	font-size: 1.8em;

	font-family: 'PT Sans', Arial, Helvetica, sans-serif

}



div.separator

{

	border-bottom-color: #C0C0C2;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	margin-top: 13px;

}



input.defaultButton

{

	background-color: #0B5D8E;

	border-color: #0B5D8E;

}



#journalHomepageHeader h3

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: normal;

    color: #0e0f17;

	text-transform: capitalize;

}



#articlePdfResizer

{

	width: 100%;	

}



#content a.action

{

	color: #003366;

	text-decoration: none;

}



#content a.action:hover

{

	color: #003366;

    background-color:#D5EAFF;

	text-decoration: none;

}



#issues a:hover

{

    color: #003366;

    background-color:#D5EAFF;

}



#onlineSubmissions

{

	display: none;

}



/**

 * About

 */

 

#aboutPeople a

{

	text-decoration: none;

}



#aboutPeople a:hover

{

	color: #003366;

	text-decoration: underline;

}



#aboutPolicies a

{

	text-decoration: none;

}



#aboutPolicies a:hover

{

	color: #003366;

	text-decoration: underline;

}



#aboutSubmissions a

{

	text-decoration: none;

}



#aboutSubmissions a:hover

{

	color: #003366;

	text-decoration: underline;

}



#aboutOther a

{

	text-decoration: none;

}



#aboutOther a:hover

{

	color: #003366;

	text-decoration: underline;

}



#principalContact a

{

	text-decoration: none;

}



#principalContact a:hover

{

	text-decoration: underline;

}



#supportContact a

{

	text-decoration: none;

}



#supportContact a:hover

{

	text-decoration: underline;

}





/**

 * Search

 */

 

#advancedSearch

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

	margin-bottom: 20px;

}



#advancedSearch h4

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

	text-transform:capitalize;

}



#results

{    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

}



#results p

{

	margin-top: 30px;

	text-transform: capitalize;

}



#results table

{

	margin-top: 15px;

}



#results td

{

	border-top: 1px solid #C0C0C2;

	padding-top: 2px;

}



#results a

{

	color: #003366;

	text-decoration: none;

}



#results a:hover

{

	color: #003366;

    background-color:#D5EAFF;

    text-decoration: none;

}



#results td.headseparator

{

	border: none;

}



#results td.separator

{

	border: none;

}



#results td.endseparator

{

	border: none;

}



#results td a.file 

{

    width: 76px;

    height: 21px;

    text-align: center;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #fff;

    text-decoration: none;

    line-height: 21px;

    background: #0b5d8e;

    margin: 5px 0px 0px 0px;

    padding: 2px 6px 2px;

    text-transform: none;

}



#results td a.file:hover 

{

    width: 76px;

    height: 21px;

    text-align: center;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #fff;

    text-decoration: none;

    line-height: 21px;

    background: #515151;

    margin: 5px 0px 0px 0px;

    padding: 2px 6px 2px;

    text-transform: none;

}



#results td.nodata

{

	text-align: left;

	padding-left: 465px;

}



table.tocArticle td.tocTitle a

{

	color: #003366;

}



table.tocArticle td.tocTitle a:hover

{

	color: #003366;

    background-color:#D5EAFF;

}



table.tocArticle td.tocGalleys a.file 

{

    width: 76px;

    height: 21px;

    text-align: center;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #fff;

    text-decoration: none;

    line-height: 21px;

    background: #0b5d8e;

    margin: 5px 0px 0px 0px;

    padding: 2px 6px 2px;

    text-transform: none;

}



table.tocArticle td.tocGalleys a.file:hover 

{

    width: 76px;

    height: 21px;

    text-align: center;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #fff;

    text-decoration: none;

    line-height: 21px;

    background: #515151;

    margin: 5px 0px 0px 0px;

    padding: 2px 6px 2px;

    text-transform: none;

}



table.tocArticle

{

	margin-bottom: 15px;

}



/**

 * Login

 */

 

#sidebar

{

	width: 100%;

	position: absolute;

	top: 48px;

}



#rightSidebar

{

	font-size: 0.65em;

	position: relative;

	min-width: 940px;

	width: 65%;

	margin: 0 auto 0;

	float: none;

}



#sidebarUser.block

{

	font-size: 1em;

	padding-bottom: 1.5em;

	float: right;

	position: relative;

	padding-right: 11px;   

padding-top:96px;

 font-family: 'PT Sans', Arial, Helvetica, sans-serif;	

	z-index: 5;

	text-align: right;

}



#sidebar div.block span.blockTitle 

{

	display: none;

}



#sidebar div.block br

{

	display: none;

}



#sidebar div.block li

{

	float: left;

	padding-left: 5px;

}



#sidebar div.block ul

{

	list-style-type: none;

	list-style-position: outside;

}



#sidebar div.block a

{

	text-decoration: none;

	font-size: 10px;

		

	color: #003366;

}



#sidebar div.block a:hover

{

    color: #003366;

    background-color:#D5EAFF;

}



#sidebar div.block form

{

	display: none;

}



/**

 * Navigation bar

 */



#navbar 

{

	width: 100%;

	border-bottom: none;

}



#navbar ul.menu

{

	float: left;

	margin: 0 0 10px 0;

	padding: 0;

	min-width: 100%;

	background: #1a80b6;

	height: 58px; 

    border-bottom: 1px solid #dfdfe0 !important;
    border-top: 1px solid #dfdfe0 !important;
border-left: 1px solid #dfdfe0 !important;
border-right: 1px solid #dfdfe0 !important;

}



#navbar ul.menu li

{ 

	float: left;

	margin: 0;

	padding: 0;

	display: block;

}



#navbar ul.menu li a

{

	float: left;

	padding: 0px 24px 0px;

	height: 58px;

	font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

	text-transform: capitalize;

	color: #e5e5e5;

	text-decoration: none;

	line-height: 58px;

}



#navbar ul.menu li a:hover

{

	float: left;

	padding: 0px 24px 0px;

	height: 58px;

	font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

	font-weight: normal;

	color: #1a80b6;

	text-decoration: none;

	line-height: 58px;

	background: #ffffff;

}



#navbar ul.menu li a.active

{

	background: #424253;

}

#breadcrumb

{

	background-position: left;

	background: white ;

	display: block;

	margin-top: 0px;

	color: #cccccc;	padding-left: 1px;

}



#breadcrumb a

{

	color: #cccccc;

}



#breadcrumb a:hover

{

	color: #003366;

	background-color:#D5EAFF;

}



#navbar ul.menu li#register 

{

	display: block !important;

}



/*

 * Footer 

 */

 

div.footertop 

{

    background-position: left top;

    margin: 23px 0px 0px 0px;

    padding: 30px 0 0 0px;

    width: 100%;

    background: url('http://www.cluteinstitute.com/images/bodyemboss2.png') repeat-x top left #fff;

}



#footContainer

{

	width: 720px;

	height: 305px;

	margin: 0px auto;	

}



div.footertop .sitelinks 

{

    float: left;

    margin: 0px;

    width: 85px;

    padding-bottom: 29px;

    padding-top: 0px;

    padding-right: 0px;

    padding-left: 0px;

}



div.footertop .sitelinks h5   

{

    float: left !important;

    margin: 0px !important;

    padding: 0px 0px 7px 0px !important;

    width: 85px !important;

    border-bottom: 1px solid #dfdfe0 !important;

    font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: bold !important;

    color: #454545 !important;

}



div.footertop .sitelinks ul 

{

    float: left;

    margin: 6px 0px 0px 0px;

    padding: 0px;

    width: 85px;

    display: block;

}



div.footertop .sitelinks ul li 

{

    float: left;

    margin: 6px 0px 0px 0px;

    padding: 0px;

    width: 85px;

    display: block;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

    font-weight: normal;

    color: #666666;

}



div.footertop .conflinks 

{

    float: left;

    margin: 0px;

    width: 145px;

    padding: 0 0 29px 165px;

}



div.footertop .conflinks h5 

{

    float: left !important;

    margin: 0px 0px 0px 0px !important;

    width: 145px !important;

    padding: 0 0 9px 0 !important;

    border-bottom: 1px solid #dfdfe0 !important;

    font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: bold !important;

    color: #454545 !important;

}



div.footertop .conflinks ul 

{

    float: left;

    margin: 6px 0 0 0;

    padding: 0px;

    width: 145px;

    display: block;

}



div.footertop .conflinks ul li 

{

    float: left;

    margin: 0px;

    width: 145px;

    display: block;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

    font-weight: normal;

    color: #666666;

    line-height: 21px;

}



div.footertop ul li a 

{

    color: #666666;

    text-decoration: none;

}



div.footertop ul li a:hover 

{

    color: #003366;

    text-decoration: underline;

}



div.footertop ul li a span 

{

    font-size: x-small;

}



div.footertop .contact 

{

    float: left;

    margin: 0px;

    width: 180px;

    padding: 0 0 29px 145px;

}



div.footertop .contact h5 

{

    float: left !important;

    margin: 0px !important;

    padding: 0 0 7px 0 !important;

    width: 180px !important;

    border-bottom: 1px solid #dfdfe0 !important;

    font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: bold !important;

    color: #454545 !important;

}



div.footertop .contact p

{

    float: left;

    margin: 9px 0 0 0;

    padding: 0 0 0 0;

    width: 180px;    font-family: 'PT Sans', Arial, Helvetica, sans-serif;	font-size: 13px;

    font-weight: normal;

    color: #666666;

    line-height: 21px;

}



div.footertop .contact p a 

{

    color: #666666;

    text-decoration: none;

}



div.footertop .contact p a:hover 

{

    color: #003366;

    text-decoration: underline;

}