body {
/*width: 964px;*/
font: 80% Arial, Helvetica, Verdana, sans-serif;
color: #000000;
height: 100%;
background: url(../images/jpgs/bg_fade.jpg) repeat-x top;
background-color: #ffffff;
margin: auto;
text-align: center;
/*text-align: -moz-center;*/
}

#wrapper {
	width: 964px;
	/* min-height: 880px; (was causing large white gaps, undo if this is ok */
	height: 100%;
	background-color: #ffffff;
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align:left;
	/*border: 1px solid #ff33ff;*/
	} 
	
	
	
	
/* 
DoulosSILCR - this is critical to display circumflex marks ^ above letters such as B, P etc that don't 
have a single unicode symbol. See bugnet #IMP-472 for a detailed explanation (CR / 23 July 2010)
*/

@font-face 
	{
	/* Handwriting test */
	font-family: DoulosTTF;
	src: url(fonts/DoulosSILCR.ttf);
	}
@font-face 
	{
	/* Handwriting test */
	font-family: DoulosEOT;
	src: url(fonts/DoulosSILCR.eot);
	}	
.DoulosPrimary	{
	font-family: DoulosTTF, DoulosEOT, Arial, sans-serif;
	font-size:20px;
	}	
	
	
	

/****************** HOLDING PAGE (1) STYLES ONLY ***************************/
#holding_content {
	background: url(../images/jpgs/holdingpage.jpg) top left no-repeat;
	margin: 10px 0px 0px 20px;
	background-color: #fff;
	width: 900px;
	min-height: 480px;
	border: 1px solid #eeeeee;
}

.imp_email {
	/*background: url(../images/jpgs/imp_email.jpg) top left no-repeat;*/
	position: absolute;
	top: 274px;
	left: 500px;
	width: 159px;
	height: 20px;
}
	
.avt_manuscriptcentral {
	/*background: url(../images/jpgs/avt_manuscriptcentral.jpg) top left no-repeat;*/
	position: absolute;
	top: 328px;
	left: 338px;
	width: 250px;
	height: 20px;
}

.avcc_manuscriptcentral {
	/*background: url(../images/jpgs/avcc_manuscriptcentral.jpg) top left no-repeat;*/
	position: absolute;
	top: 380px;
	left: 468px;
	width: 260px;
	height: 20px;
}

.lipo {
	/*background: url(../images/jpgs/lipo.jpg) top left no-repeat;*/
	position: absolute;
	top: 452px;
	left: 94px;
	width: 290px;
	height: 20px;
}

.lipo_email {
	/*background: url(../images/jpgs/lipo_email.jpg) top left no-repeat;*/
	position: absolute;
	top: 452px;
	left: 444px;
	width: 225px;
	height: 20px;
}

.imp_email2 {
	/*background: url(../images/jpgs/imp_email2.jpg) top left no-repeat;*/
	position: absolute;
	top: 505px;
	left: 254px;
	width: 159px;
	height: 20px;
}
	
	
	
/****************** HOLDING PAGE (2) STYLES ONLY ***************************/
#holding_content2 {
	background: url(../images/jpgs/holdingpagetext.jpg) top left no-repeat;
	margin: 10px 0px 0px 20px;
	background-color: #fff;
	width: 900px;
	min-height: 480px;
	border: 1px solid #ffffff;
}

.imp_email2a {
	position: absolute;
	top: 328px;
	left: 531px;
	width: 159px;
	height: 20px;
	border: 1px solid #ffffff;
}
	
.avt_manuscriptcentral2 {
	position: absolute;
	top: 364px;
	left: 364px;
	width: 250px;
	height: 20px;
	border: 1px solid #ffffff;
}

.avcc_manuscriptcentral2 {
	position: absolute;
	top: 398px;
	left: 493px;
	width: 260px;
	height: 20px;
	border: 1px solid #ffffff;
}

.lipo2 {
	position: absolute;
	top: 453px;
	left: 120px;
	width: 290px;
	height: 20px;
	border: 1px solid #ffffff;
}

.lipo_email2 {
	position: absolute;
	top: 453px;
	left: 469px;
	width: 225px;
	height: 20px;
	border: 1px solid #ffffff;
}

.imp_email2b {
	position: absolute;
	top: 487px;
	left: 450px;
	width: 159px;
	height: 20px;
	border: 1px solid #ffffff;
}


/************************* HOLDING PAGE 3 *******************************/
#holding {
	margin: 10px 0px 0px 20px;
	background-color: #fff;
	width: 900px;
	min-height: 460px;
	border: 1px solid #ffffff;
}


/*******************************************************************************/

a {
color: #003399;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #666666;
text-decoration: underline;
}

#greybox {
background-color:#eee;
padding:10px; 
border:1px solid #999; 
width:90%; 
min-height: 120px;
margin:25px
}

h1 {
font-size: 145%;
line-height: 115%;
margin: 0px 0px 10px 0px;
text-align: left;
}
h2 {
font-size: 135%;
margin: 0px 0px 10px 0px;
}
h3 {
font-size: 110%;
margin: 0px 0px 5px 0px;
}

h4 {
font-size: 100%;
margin: 0px 0px 5px 0px;
}

/*********************************************/

#abstract_article {
text-align: left;
color: #000000;
/*margin-left: 160px;*/
text-align: justify;
padding: 0px 20px 0px 0px;
width: 760px;
float: right;
}
#abstract_article h1 {
font-size: 135%;
line-height: 115%;
}
#abstract_article h2 {
font-size: 135%;
}
#abstract_article h3 {
font-size: 110%;
}

/*********************************************/

input {
width: 170px;
font: 100% Arial, Helvetica, Verdana, sans-serif;
}

input.submitImage {
width: 100%;
}



#header {
position: relative;
top: 0px;
left: 0px;
background: url(../images/jpgs/imp_header_sm.jpg) top left no-repeat;
width: 964px;
height: 120px;
} 

#header_holding {
position: relative;
top: 0px;
left: 0px;
background: url(../images/jpgs/imp_header_holding.jpg) top left no-repeat;
width: 964px;
height: 140px;
} 

#implogo {
position: absolute;
top: 5px;
left: 20px;
background: url(../images/gifs/implogo.gif) top left no-repeat;
width: 185px;
height: 85px;
}

#username {
position: absolute;
top: 75px;
left: 22px;
color: #ffffff;
font-size: 85%;
}

#topright {
position: absolute;
top: 1px;
right: 10px;
width: auto;
height: 20px;
text-align: right;
font-size: 85%;
color: #666666;
}
#topright a {
color: #003366;
font-weight: bold;
text-decoration: none;
}
#topright a:hover {
color: #006699;
text-decoration: underline;
}

#topright p {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

/****************** SEARCH **********************/
#search {
position: absolute;
top: 81px;
right: 10px;
width: auto;
height: 23px;
text-align: right;
color: #85afda;
font-weight: bold;
}

#search input.radiobutton {
width: 20px; 
padding: 4px 0px 0px 0px;
}

#search input.typesearch {
width: 140px;
height: 15px;
}

#search input.searchbutton {
width: 35px;
height: 22px;
background-color: #498bac;
color: #ffffff;
font-weight: bold;
vertical-align: top;
}


#nav_imp {
position: absolute;
top: 104px;
left: 0px;
background: url(../images/jpgs/nav_imp.jpg) repeat-x top;
background-color: #1e4963;
width: 964px;
height: 25px;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #00334e;	
}

#nav_ie6 {
position: absolute;
top: 104px;
left: 0px;
background: url(../images/jpgs/nav_imp_solid.jpg) repeat-x top;
background-color: #1e4963;
width: 964px;
height: 25px;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #00334e;	
}




/*#nav_imp ul {
	display: block;
	width: 944px;
	margin: auto;
	}
*/

/*
#nav_imp li {
	float: left;
	list-style: none;
	width: auto;
	margin: 5px 20px 0px 10px;
	text-align: left;
	}
*/
	
	
	
.divider {
	color: #4b7f9a;
	margin: 0px 0px 0px 30px;
}



/******************* ACCESSIBLILTY *************************/
#nav_accessible {
position: absolute;
top: 138px;
right: 0px;
background-color: transparent;
width: 170px;
height: 17px;
text-align: right;
font-size: 85%;
padding: 0px 20px 0px 0px;
border: 1px solid #ffffff;
}

#nav_accessible a {
color: #003366;
font-weight: bold;
text-decoration: none;
}
#nav_accessible a:hover {
color: #006699;
text-decoration: underline;
}


/************************************************************/



#header_avt {
position: relative;
top: 18px;
left: 0px;
background: url(../images/jpgs/avt_header.jpg) bottom left no-repeat;
width: 964px;
height: 80px;
} 

#header_avcc {
position: relative;
top: 18px;
left: 0px;
background: url(../images/jpgs/avcc_header.jpg) bottom left no-repeat;
width: 964px;
height: 80px;
} 

.avt_tab1 {
position: absolute;
top: 40px;
left: 320px;
width: 100px;
height: 25px;
color: #ffffff;
background-color: #006699;
padding: 6px 2px 0px 5px;
}
.avt_tab2 {
position: absolute;
top: 40px;
left: 440px;
width: 100px;
height: 25px;
color: #ffffff;
background-color: #006699;
padding: 6px 2px 0px 5px;
}
.avt_tab3 {
position: absolute;
top: 40px;
left: 560px;
width: 100px;
height: 25px;
color: #ffffff;
background-color: #006699;
padding: 6px 2px 0px 5px;
}
.avt_tab4 {
position: absolute;
top: 40px;
left: 680px;
width: 100px;
height: 25px;
color: #ffffff;
background-color: #006699;
padding: 6px 2px 0px 5px;
}
.avt_tab5 {
position: absolute;
top: 40px;
left: 800px;
width: 100px;
height: 25px;
color: #ffffff;
background-color: #006699;
padding: 6px 2px 0px 5px;
}


#rightnav {
float: right;
width: 140px;
height: auto;
margin: 0px 0px 5px 2px;
padding: 0px 3px 0px 3px;
font-size: 90%;
background-color: #f9f9f9;
border: 1px solid #cccccc;
}
#rightnav h1 {
font-size: 115%;
margin: 5px 0px 0px 0px;
}
#rightnav h2 {
font-size: 110%;
margin: 0px;
}
#rightnav p {
margin: 0px 0px 15px 0px;
}
#rightnav a {
font-weight: normal;
}



#searchjournalright {
background-color: #eeeeee;
float: left;
width: 140px;
height: auto;
font-size: 110%;
margin: 5px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#searchjournalright p {
margin: 0px 0px 5px 0px;
padding: 0px 5px 5px 5px;
}
#searchjournalright select {
width: 130px;
font-size: 90%;
}
#searchjournalright input {
width: 125px;
}
.searchjournalrightheader {
	background-color: #999999;
	font-weight: bold;
	color: #ffffff;
	width: 138px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 3px;
	}




#contentwithleftnav {
	float: left;
	width: 772px;
	text-align: left;
	font-size: 95%;
	line-height: 140%;
	padding: 10px 10px 10px 20px;
	margin: 16px 0px 0px 0px;
	}



#leftnav {
	float: left;
	text-align:left;
	width: 159px;
	/*background: url(../images/jpgs/bg_fade_avt.jpg) repeat-x;*/
	background-color:#ffffff;
	margin: 18px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	}
#thirdnav{
	padding:0px 0px 10px 10px;
	}	
#thirdnav a{
	color: #666666;
	text-decoration: none;	
	}
#thirdnav a:hover{
	text-decoration: underline;	
	}

#rightarticlenav {
	float: right;
	text-align:left;
	/*width: 100px;*/
	width: 130px;
	background-color:#ffffff;
	margin: 0px 0px 30px 20px;
	/*padding: 10px 25px 10px 25px;*/
	padding: 5px 5px 5px 5px;
	border: 1px solid #cccccc;
	}
	
#content {
	text-align: left;
	font-size: 95%;
	line-height: 140%;/**/
	padding: 0px 10px 10px 20px;
	margin-top: 18px;
	background-color: #fff;
	height: 100%;
	min-height: 380px;/**/
	/*border-left: 1px solid #efefef;*/
	/*border: 1px solid #ff33ff;*/
	}
	
#crumbtrail {
	width: 100%;
	height: 20px;
	color: #990033;
	font-size: 95%;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
	}
	
#boxcolspan3 {
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
	/*
	background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;8?
	height: 220px;
	background-color: #ffffff;
	border: 1px solid #f7f7f7;
	*/
	}
	
#boxcolspan3 img { 
	padding: 0px 10px 0px 0px;
	}

#boxjournal {
width: 100%;
height: 100%;
background-color: #ffffff;
/* min-height: 348px; */
/*height: 348px;*/
/*background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;*/
/*border: 1px solid #f7f7f7;*/
}

.cover {
float: left;
width: 110px;
height: 225px;
/*border: 1px solid #f7f7f7;*/
}

.boxtext3 {
/*float: left;
width: auto;*/
height: auto;
/*border: 1px solid #cccccc;*/
}




#leftnav p {
font-size: 90%;
margin: 0px 0px 20px 10px;
padding: 0px 0px 0px 0px;
}

#leftnav_avcc {
float: left;
width: 160px;
min-height: 1000px;
height: 100%;
text-align: left;
background: url(../images/jpgs/bg_fade_avcc.jpg) repeat-x;
background-color: #ffffff;
margin: 18px 0px 0px 0px;/**/
padding: 10px 0px 0px 0px;
}

#leftnav_avcc p {
font-size: 90%;
margin: 0px 0px 20px 10px;
padding: 0px 0px 0px 0px;
}

#leftnav_box {
float: left;
width: 120px;
height: auto;
font-size: 90%;
line-height: 160%;
text-align: left;
margin: 0px 0px 0px 40px;
background-color: #eeeeee;
padding: 5px 5px 5px 5px;
border: 1px solid #ffffff;
}
#leftnav_box h1 {
font-size: 115%;
margin: 0px;
padding: 0px;
}
#leftnav_box h2 {
font-size: 110%;
margin: 0px;
padding: 0px;
}
#leftnav_box p {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

/**********************************************/



#crumbtrail_journal {
float: left;
width: 100%;
height: 30px;
color: #666666;
font-style: italic;
font-size: 85%;
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #eeeeee;
}

/**********************************************/

.icon100 {
float: left;
width: 100px;
height: 116px;
/*border: 1px solid #f7f7f7;*/
}


.coversmall {
float: left;
width: 60px;
height: 104px;
/*border: 1px solid #f7f7f7;*/
}


/**********************************************/
/********** NEW SPOTLIGHT STYLES **************/
/**********************************************/


/*** Spotlights - BELOW ****/
.wrapper_spotlights_below
	{
	float: left;
	background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
	width: 33%;
	height: 225px;
	font-size: 95%;
	/* background-color:#333333; */
	}
.spotlights_below_cover
	{
	float: left;
	text-align: center;
	width: 125px;
	height: 225px;
	/* background-color:#666666; */
	}	
.spotlights_below_text
	{
	width: 160px;
	height: 200px;
	padding: 0 10px 0 0;
	overflow: hidden;
	/* background-color:#eeeeee;  */
	}
	
	
/*** Spotlights - RIGHT ****/
.wrapper_spotlights_right
	{
	float: right;
	width: 288px;
	/*height: 102px;*/
	height: auto; /***Do we need this to be auto if the boxes are to be flexible height-wise? CH ***/
	background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
	font-size: 95%;
	margin-bottom:10px;
	/* background-color:#333333; */
	}		
.spotlights_right_cover
	{
	float:left;
	text-align:center;
	width: 75px;
	height: 104px;
	}	
.spotlights_right_text
	{
	margin-left:75px;
	width: 200px;
	/*height:75px;*/
	height: auto;
	padding:0 10px 0 0;
	}
	
.spotlights_more
	{	
	float: right;
	height: 20px;
	text-align: right;
	font-weight: bold;
	padding:0 10px 0 0;
	/* background-color:#CCCCCC; */
	}
	
/**********************************************/
/**********************************************/
/**********************************************/	
	
	
	
.dynamic_journals
	{
	/*clear:both;*/ 
	padding-top:10px;
	}
	


#box0 {
float: left;
width: 288px;
height: 102px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
font-size: 95%;
border: 1px solid #f7f7f7;/**/
}
.boxtext0 {
float: left;
width: 222px;
height: 75px;
font-size: 95%;
/*border: 1px solid #cccccc;*/
}
.boxtext0 p {
margin: 0px;
padding: 0px;
}

/*******************************************/

#box02 {
float: left;
width: 288px;
height: 163px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
font-size: 95%;
border: 1px solid #f7f7f7;/**/
}
.boxtext02 {
float: left;
width: 222px;
height: 95px;
font-size: 95%;
/*border: 1px solid #cccccc;*/
}
.boxtext02 p {
margin: 0px;
padding: 0px;
}

/*******************************************/

#box1 {
float: left;
width: 33%;
height: 225px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
border: 1px solid #f7f7f7;/**/
}
/*#boxcolhalf {
float: left;
width: 440px;
height: 215px;
margin: 0px 10px 10px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
border: 1px solid #f7f7f7;
}*/
.boxtext1 {
float: right;
width: 172px;
height: 195px;
/*border: 1px solid #f7f7f7;*/
}
.boxtext1 p {
margin: 0px;
padding: 0px;
}

/********************************************/

#boxcolspan2 {
float: left;
width: 597px;
height: 349px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
border: 1px solid #f7f7f7;/**/
}
.boxtext2 {
float: right;
width: 482px;
height: 317px;
/*border: 1px solid #f7f7f7;*/
}
.boxtext2 p{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

/******************************************/

#boxheader3 {
float: left;
width: 913px;
height: 25px;
background-color: #bababa;
color: #ffffff;
font-size: 140%;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 5px;
border: 1px solid #f7f7f7;/**/
}
#boxheader3 a {
color: #ffffff;
font-weight: normal;
}

/************************************************/



/* note: these styles where being applied to bullets in copy added via the CMS, assume they are old nav styles no longer in use?
.boxtext3 p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.boxtext3  ul {
display: block;
width: 850px;
margin: 0px 0px 0px 0px;
}
.boxtext3  li {
float: left;
list-style: none;
text-align: left;
background: url(../images/gifs/arrow.gif) top left no-repeat;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
}
*/

/********************************************/
#boxcolhalf {
float: left;
width: 440px;
height: 215px;
margin: 0px 10px 10px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
/*border: 1px solid #f7f7f7;*/
}
#boxcolhalftitle {
float: left;
width: 420px;
height: 32px;
margin: 5px 0px 5px 10px;
/*border: 1px solid #009900;*/
}
.boxhalftext {
float: right;
width: 205px;
height: 145px;
font-size: 90%;
/*border: 1px solid #eeeeee;*/
}
.boxhalftext p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

/************************************************/

#boxcolthird {
float: left;
width: 285px;
height: 215px;
margin: 0px 10px 10px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
/*border: 1px solid #f7f7f7;*/
}
#boxcolthirdtitle {
float: left;
width: 265px;
height: 32px;
margin: 5px 0px 5px 10px;
/*border: 1px solid #009900;*/
}
.boxthirdtext {
float: right;
width: 210px;
height: 145px;
font-size: 90%;
/*border: 1px solid #eeeeee;*/
}
.boxthirdtext p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

/************************************************/

#boxcolfull {
width: 910px;
height: 215px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
/*background-color: #ffffff;
border: 1px solid #f7f7f7;
*/
}

/************************************************/

.meetinglogo {
float: left;
width: 210px;
height: 179px;
margin: 0px 0px 0px 10px;
/*border: 1px solid #f7f7f7;*/
}

/************ SHOP / ACCOUNT ************************************/

#boxshop {
float: left;
width: 906px;

margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
/*border: 1px solid #f7f7f7;*/
}
#boxshop p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 7px 0px;
}

#boxlogin {
float: left;
width: 906px;
height: 210px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
/*background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;*/
background-color: #ffffff;
}

#shop_category1 {
float: left;
width: 912px;
height: 20px;
background-color: #666666;
color: #ffffff;
font-weight: bold;
padding: 5px 0px 0px 10px;
}
#shop_category2 {
float: left;
width: 912px;
height: 20px;
background-color: #cccccc;
color: #000000;
font-weight: bold;
padding: 5px 0px 0px 10px;
}
#shop_category3 {
float: left;
width: 912px;
height: auto;
background-color: #eeeeee;
color: #000000;
padding: 5px 0px 0px 10px;
}

/************************************************/

#product {
float: left;
width: 910px;
margin: 0px 0px 5px 0px;
/*border: 1px solid #f7f7f7;*/
}

.producttext {
float: left;
width: 770px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

/*** MY ACCOUNT PAGES ***/
#accountbox {
	float: left;
	width: 916px;
	height: auto;
	border: 2px solid #c6d7e0;
	background-color: #ffffff;
	margin: 10px 0px 30px 0px;
}

.accountheader {
	width: 916px;
	height: 30px;
	background-color: #c6d7e0;
}

#alternatebg {
	float: left;
	width: 916px;
	margin: 0px 0px 0px 0px;
	background-color: #dddddd;
}
#whitebg {
	float: left;
	width: 916px;
	margin: 0px 0px 2px 0px;
	background-color: #ffffff;
}

/************************************************/

#colfull {
float: left;
width: 910px;
margin: 0px 0px 2px 0px;
/*border: 1px solid #f7f7f7;*/
}

#colfull p {
margin: 0px;
padding: 0px 0px 5px 0px;
}

.colmediumlarge {
float: left;
width: 580px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}
.colmediumlargeright {
float: right;
width: 580px;
text-align: right;/**/
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colhalf {
float: left;
width: 425px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colthird {
float: left;
width: 277px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colmedium {
float: left;
width: 170px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colmediumright {
float: right;
width: 170px;
text-align: right;/**/
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colright {
float: right;
width: 280px;
text-align: right;/**/
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colmediumsmall {
float: left;
width: 115px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colsmall {
float: left;
width: 65px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}

.colsmallright {
float: right;
width: 65px;
margin: 0px 10px 5px 0px;
padding: 7px 7px 7px 7px;
/*border: 1px solid #f7f7f7;*/
}
/****************************************************/

#boxjournal img{
	padding:0 10px 10px 0;
	}

#type {
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #663399;
}

.boxfree {
float: left;
width: 106px;
height: 17px;
font-size: 95%;
font-weight: bold;
color: #ffffff;
text-align: center;
margin: 0px 0px 5px 0px;
padding: 0px 3px 0px 3px;
background-color: #93bfeb;
background: url(../images/gifs/boxfree.gif) bottom right no-repeat;/**/
border-right: 10px solid #ffffff;
}

.articletype {

height: 25px;
font-size: 100%;
margin: 0px 10px 0px 0px;
}

#articletitle {
/*float: left;*/
width: 770px;/**/
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #ff33ff;
}

.boxsubscription {
float: left;
width: 100px;
height: 17px;
font-size: 95%;
font-weight: bold;
color: #ffffff;
text-align: center;
margin: 0px 0px 5px 0px;
padding: 0px 3px 0px 3px;
/*background-color: #aaaaaa;*/
background-color: #99cccc;
border-left: 10px solid #ffffff;
}

#boxjournal p{
margin: 0px 0px 20px 0px;
border: 1px solid #ffffff;
}

#boxjournal p{
margin: 0px 0px 20px 0px;
border: 1px solid #ffffff;
}

#boxjournal h1 {
font-size: 165%;
line-height: 110%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#boxjournal h2 {
font-size: 135%;
color: #990066;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#boxjournal h3 {
font-size: 110%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#boxjournal h4 {
font-size: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}

a.avt {
color: #990066;
}

a.avcc {
color: #333399;
}

#download {
width: auto;
height: 25px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #eeeeee;
}



#boxjournaltitle {
float: left;
width: 420px;
height: 32px;
margin: 5px 0px 5px 10px;
/*border: 1px solid #009900;*/
}
.boxjournaltext {
float: right;
width: 205px;
height: 145px;
font-size: 90%;
}
.boxjournaltext p{
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#boxjournalright {
float: right;
width: 288px;
height: 102px;
margin: 0px 5px 5px 0px;
padding: 7px 7px 7px 7px;
background: url(../images/jpgs/box_fade.jpg) bottom right no-repeat;
background-color: #ffffff;
font-size: 95%;
/*border: 1px solid #ff33ff;*/
}

/**********************************************/

input {
width: 350px;
}

input.cardname {
width: 170px;
}
input.cardnumber {
width: 135px;
}
input.cardsmallnumber {
width: 30px;
}

input.x {
width: 15px;
font-size: 95%;
}

input.chk3 {
	padding: 5px;
}

select {
width: 350px;
font: 95% Arial, Helvetica, Verdana, sans-serif;
}

select.pay {
width: 50px;
font-size: 90%;
}

select.cards {
width: 170px;
font-size: 95%;
}

select.browsearticles {
width: 150px;
margin: 0px 15px 0px 0px;
}

#box_browsearticles {
width: 750px;
margin: 0px 5px 25px 0px;
padding: 10px 7px 10px 7px;
background-color: #dce8ee;
font-size: 95%;
border: 1px solid #cccccc;
}

.button {
width: 175px;
background-color: #498bac;
color: #ffffff;
font-weight: bold;
}

.submitbutton {
width: 100px;
background-color: #498bac;
color: #ffffff;
font-weight: bold;
}

textarea {
width: 350px;
}

.more {
float: right;
width: 175px;
height: 20px;
text-align: right;
font-weight: bold;
/*border: 1px solid #eeeeee;*/
}

/*******************************************/

#article_content {
font-size: 120%;
line-height: 160%;
width: 635px;
/*border: 1px solid #eeeeee;*/
}

#article_type {
float: left;
width: 580px;
height: 25px;
margin: 0px 0px 10px 0px;
}

.articledownload {
float: left;
height: 25px;
font-size: 85%;
margin: 0px 10px 0px 0px;
}

.accesstag {
float: left;
background-color: #5bbcf4;
width: auto;
height: 25px;
font-size: 85%;
font-weight: bold;
color: #ffffff;
text-align: center;
padding: 0px 5px 0px 5px;
}

#article_content p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}

#article_content h1 {
font-size: 165%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

#article_content h2 {
font-size: 125%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

#article_content h3 {
font-size: 120%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

#article_content h4 {
font-size: 105%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-weight: normal;
}

.authors {
font-style: italic;
font-size: 110%;
margin: 0px 0px 15px 0px;
line-height: 160%;
}

.basicitalic {
font-style: italic;
}

.affiliations {
font-size: 85%;
margin: 0px 0px 25px 0px;
line-height: 180%;
}

#article {
margin: 0px 0px 30px 0px;
}

#investigators {
font-size: 90%;
line-height: 140%;
}

.refs {
font-size: 90%;
margin: 0px 0px 5px 0px;
line-height: 160%;
}

#table_article {
width: 635px;
border: 1px solid #ffffff;
margin: 10px 0px 40px 0px;
}

.tablestyles {
width: 635px;
border: 1px solid #999999;
}

.disclaimer {
font-size: 85%;
}

/**********************************************************/

.warning {
font-size: 95%;
color: #cc3300;
font-style: italic;
}

.icon_warning {
float: left;
background: url(../images/jpgs/icon_warning.jpg) top left no-repeat;
width: 30px;
height: 30px;
}

/**********************************************************/

.success {
font-size: 95%;
color: #cc3300;
font-style: italic;
}

.icon_success{
float: left;
background: url(../images/jpgs/icon_success.jpg) top left no-repeat;
width: 30px;
height: 30px;
}

/**********************************************************/

.error {
font-size: 95%;
color: #cc3300;
font-style: italic;
}

.icon_error{
float: left;
background: url(../images/jpgs/icon_error.jpg) top left no-repeat;
width: 30px;
height: 30px;
}

/**********************************************************/

.red {
color: #990033;
}



hr {
margin: 2px 0px 0px 0px;
color: #eeeeee;
}

.imp_account {
background: url(../images/jpgs/imp_account.jpg) top left no-repeat;
width: 85px;
height: 70px;
}


form.noMargin{display: inline; margin: 0;}

/* Skin Styles */
#skin_header {
	margin: 0px;
	padding: 0px;
	} 
	
	
#infoboxright {
	float:right; 
	padding:10px 25px 10px 25px; 
	border: 1px solid #ccc;
}

/******************************/

.equiLabel {
	width: 760px;
	height: 80px;
	/*border-bottom: 1px solid #cccccc;*/
}

.equation {
	float: left;
	width: 700px;
	height: auto;
	text-align: center;
	padding: 0px 10px 0px 0px;
	/*border: 1px solid #eeeeee;*/
}

.label {
	float: left;
	width: 40px;
	height: auto;
	text-align: left;
	font-weight: bold;
	padding: 17px 0px 0px 0px;
	/*border: 1px solid #eeeeee;*/
}


.equationPopUp {
	float: left;
	width: 150px;
	height: auto;
	text-align: center;
	padding: 0px 10px 0px 0px;
	/*border: 1px solid #eeeeee;*/
}

.labelPopUp {
	float: left;
	width: 40px;
	height: auto;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #eeeeee;*/
}

.server_staging{
	width:100%; 
	padding:3px; 
	background-color:#FFFFFF; 
	text-align:center; 
	color:#000000; 
	font-size:10px;
	}

.mode_preview{
	width:100%; 
	padding:3px; 
	background-color:#BB0000; 
	text-align:center; 
	color:#FFFFFF; 
	font-size:10px;
	}