/* This "fakes" the browser out to make it think it needs a scrollbar at all times.
 * This prevents movement of the page in 'scroll' to 'no-scroll' situations. 
 */
html 
{
	height: 100%;
	margin-bottom: 1px; 
}

/* Default style for all page content. Set font, text and background colour, etc. */
body 
{
	font-size: 12px;
	font-family:   bitstream vera sans, Helvetica, Arial;
	text-align: center;
	margin:0px;
	padding:0px;
	color:black;
	background:#E0E0E0;
}

/* Remove margin for form in IE */
form
{
	margin:0;
}

/* Default style for text */
p
{
	text-align:justify;
}

/* Default style for table cells */
td
{
	font-size: 11px;
}

/* Standard style for all hyperlinks - make visited colour same as unvisited colour - red. */
a:link, a:visited 
{
	text-decoration: none;
	color: #CC0000;
}

/* Standard hover style for all hyperlinks - change to orange when mouse hovers over link. */
a:hover 
{
	color: #CC6600;
}

/* Default style for images */
img
{
	border:0;
	margin:0;
	padding:0;
}

/* The container is the top-level div for the entire page. Everything is contained within it. */
#container 
{
	text-align: center;
	margin-top:0px;
	width:100%;
	background:#E0E0E0;
}

/* Main section of the window
 * Set to float in the centre of the browser window (as with all divs where the
 * left and right margins are set to 'auto'.
 */
#main
{
	width:994px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;	
	background:white;
}

/* By default, all div tags have margin and padding removed */
div
{
	margin:0px;
	padding:0px;
}

/* Header div contains ACTA Press logo and search functions */
#header
{
	width:994px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/banner-top.png) center no-repeat;
}

/* Style for conference banner advert image at bottom of page */
#banneradvert
{
	width:972px;
	height:92px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background:black;
	border:1px solid black;
}

/* Style for div container for IASTED advert */
#iastedadvert
{
	float:right;
}

/* Style for hyperlink in header and banner advert */
#header a, #banneradvert a
{
	margin:0em;
	padding:0em;
}

/* Style for ACTA Press logo image and banner advert */
#header img, #banneradvert img
{
	border:0em;
}

/* Footer div contains copyright message, etc. */
#footer
{
	width:994px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:1em;
	padding-bottom:1em;
	background:#AA0000;
}

/* Style for hyperlinks in footer */
#footer a:link, #footer a:visited 
{
	margin-left:1em;
	margin-right:1em;
	font-weight:bold;
	color:white;
}

#footer a:hover
{
	color:#FF8800;
}

/* ACTA Press banner */
#banner
{
	width:994px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/banner-main.png) center no-repeat;
}

/* Style for search box at top of page */
#searchbox
{
	float:right;
	margin-top:18px;
	margin-right:10px;
}

/* Style for search keyword text field */
#searchbox #keyword
{
	font-size: 8pt;
	margin: 1px;
	width: 200px;
	font-family: Arial;
	vertical-align: middle;
	border:1px solid #CC0000;
}

/* Style for "Search" button */
#searchbutton
{
	vertical-align: middle;
	font-size: 0.8em; 
	width: 45px;
}

/* Style for "Advanced Search" hyperlink */
#searchbox a
{
	font-size:0.9em;
	color:black;
}

#searchbox a:hover
{
	color: #CC6600;
}

/* Main button bar styles */
#topbar 
{
	width:100%;
	background:url("../images/buttons/button-back.png") repeat-x center;
	line-height:normal;
	overflow:hidden;
	position:relative;
}

/* Styles for button bar "list" */
#topbar ul 
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

#topbar ul li 
{
	float:left;
	height:28px;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

/* Styles for button hyperlinks on button bar */
#topbar a
{
	padding:0px;
	margin:0px;
	display:block;
	height:28px;
}

/* Style for separator between buttons in button bar */
.separator a
{
	width:11px;
	background:url(../images/buttons/separator.png) center no-repeat;
}

/* Style for home button */
#home a
{
	width:82px;
	background:url(../images/buttons/home.png) center no-repeat;
}

/* Style for highlighted home button */
#home a:hover
{
	background:url(../images/buttons/home-highlighted.png) center no-repeat;
}

/* Style for home button when selected */
#homecurrent a
{
	width:82px;
	background:url(../images/buttons/home-selected.png) center no-repeat;
}

/* Style for login button */
#login a
{
	width:82px;
	background:url(../images/buttons/login.png) center no-repeat;
}

/* Style for highlighted login button */
#login a:hover
{
	background:url(../images/buttons/login-highlighted.png) center no-repeat;
}

/* Style for login button when selected */
#logincurrent a
{
	width:82px;
	background:url(../images/buttons/login-selected.png) center no-repeat;
}

/* Style for logout button */
#logout a
{
	width:95px;
	background:url(../images/buttons/logout.png) center no-repeat;
}

/* Style for highlighted logout button */
#logout a:hover
{
	background:url(../images/buttons/logout-highlighted.png) center no-repeat;
}

/* Style for logout button when selected */
#logoutcurrent a
{
	width:82px;
	background:url(../images/buttons/logout-selected.png) center no-repeat;
}

/* Style for cart button */
#cart a
{
	width:102px;
	background:url(../images/buttons/cart.png) center no-repeat;
}

/* Style for highlighted cart button */
#cart a:hover
{
	background:url(../images/buttons/cart-highlighted.png) center no-repeat;
}

/* Style for cart button when selected */
#cartcurrent a
{
	width:102px;
	background:url(../images/buttons/cart-selected.png) center no-repeat;
}

/* Style for faq button */
#faq a
{
	width:77px;
	background:url(../images/buttons/faq.png) center no-repeat;
}

/* Style for highlighted faq button */
#faq a:hover
{
	background:url(../images/buttons/faq-highlighted.png) center no-repeat;
}

/* Style for faq button when selected */
#faqcurrent a
{
	width:77px;
	background:url(../images/buttons/faq-selected.png) center no-repeat;
}

/* Style for services button */
#services a
{
	width:101px;
	background:url(../images/buttons/services.png) center no-repeat;
}

/* Style for highlighted services button */
#services a:hover
{
	background:url(../images/buttons/services-highlighted.png) center no-repeat;
}

/* Style for services button when selected */
#servicescurrent a
{
	width:101px;
	background:url(../images/buttons/services-selected.png) center no-repeat;
}

/* Style for careers button */
#careers a
{
	width:98px;
	background:url(../images/buttons/careers.png) center no-repeat;
}

/* Style for highlighted careers button */
#careers a:hover
{
	background:url(../images/buttons/careers-highlighted.png) center no-repeat;
}

/* Style for careers button when selected */
#careerscurrent a
{
	width:98px;
	background:url(../images/buttons/careers-selected.png) center no-repeat;
}

/* Style for contact button */
#contact a
{
	width:102px;
	background:url(../images/buttons/contact.png) center no-repeat;
}

/* Style for highlighted contact button */
#contact a:hover
{
	background:url(../images/buttons/contact-highlighted.png) center no-repeat;
}

/* Style for contact button when selected */
#contactcurrent a
{
	width:102px;
	background:url(../images/buttons/contact-selected.png) center no-repeat;
}

/* Style for aboutus button */
#aboutus a
{
	width:102px;
	background:url(../images/buttons/aboutus.png) center no-repeat;
}

/* Style for highlighted aboutus button */
#aboutus a:hover
{
	background:url(../images/buttons/aboutus-highlighted.png) center no-repeat;
}

/* Style for aboutus button when selected */
#aboutuscurrent a
{
	width:102px;
	background:url(../images/buttons/aboutus-selected.png) center no-repeat;
}

/* Style for the container for the menu boxes that appear on the left-hand side of the page */
#leftbar
{
	padding:10px 10px 0 10px;
	float:left;
}

/* Style for the container for the Google Ads */
#adsgoogle
{ padding:10px 10px 0 10px;
  float:bottom
}
  
/* Style for the container for the menu boxes that appear on the right-hand side of the page */
#rightbar
{
	padding:10px 5px 0 10px;
	float:right;
}

/* Style for menu box header */
.boxheader
{
	width:204px;
	height:28px;
}

.boxheaderwide
{
	width:254px;
	height:28px;
}

/* Style for "my account" box title */
#myaccountbox .boxheader
{
	background:url(../images/titlebar-account.png) center no-repeat;
}

/* Style for main menu box title */
#mainmenubox .boxheader
{
	background:url(../images/titlebar-main.png) center no-repeat;
}

/* Style for journals box title */
#journalsbox .boxheader
{
	background:url(../images/titlebar-journals.png) center no-repeat;
}

/* Style for proceedings box title */
#proceedingsbox .boxheader
{
	background:url(../images/titlebar-proceedings.png) center no-repeat;
}

/* Style for other services box title */
#servicesbox .boxheaderwide
{
	background:url(../images/titlebar-services.png) center no-repeat;
}

/* Style for upcoming titles box title */
#upcomingbox .boxheaderwide
{
	background:url(../images/titlebar-upcoming.png) center no-repeat;
}

/* Style for menu box footer */
.boxfooter, .boxfooterwide
{
	height:16px;
	margin-bottom:10px;
	background:url(../images/frame-bottom.png) center no-repeat;
}

.boxfooter
{
	width:204px;
	background:url(../images/frame-bottom.png) center no-repeat;
}

.boxfooterwide
{
	width:254px;
	background:url(../images/frame-bottom-wide.png) center no-repeat;
}

/* Style for menu box content */
.boxcontent
{
	width:204px;
	background:url(../images/frame-middle.png) center repeat-y;
}

.boxcontentwide
{
	width:254px;
	background:url(../images/frame-middle-wide.png) center repeat-y;
}

/* Default style for menu lists */
.boxcontent ul, .boxcontentwide ul
{
    list-style:none;
    margin:0 0 0 10px;
    padding: 0;
	font-weight:bold;
}

/* Style for bullet points for menu box list items - default colour is red */
.boxcontent li, .boxcontentwide li
{
    line-height:1.3em;
	margin: 0;
    padding: 5px 10px 0 1.5em;
    background:url(../images/bullet-red.png) no-repeat 0 8px;
}

/* Style for menu list hyperlinks */
.boxcontent a, .boxcontentwide a
{
	color:black;
}

.boxcontent a:hover, .boxcontentwide a:hover
{
	color: #CC0000;
}

#myaccountbox .boxcontent a:hover
{
	color: #CC6600;
}

/* Styles for currently selected menu items */
.boxcontent li.activelink, .boxcontentwide li.activelink, .boxcontent li:hover, .boxcontentwide li:hover
{
    background:url(../images/bullet-red-bright.png) no-repeat 0 8px;
}

.activelink a
{
	font-style: oblique;
	color: #CC0000;
}

#myaccountbox .boxcontent li.activelink, #myaccountbox .boxcontent li:hover
{
    background:url(../images/bullet-yellow-bright.png) no-repeat 0 8px;
}

#myaccountbox .activelink a
{
	color: #CC6600;
}

/* Style for bullet points for "my account" menu box list items - yellow */
#myaccountbox .boxcontent li
{
/*	list-style-image: url(../images/bullet-yellow.png);*/
    background:url(../images/bullet-yellow.png) no-repeat 0 8px;
}

/* Style for user welcome message */
#welcome
{
	font-weight:bold;
	padding-top:6px;
	margin-left:10px;
	margin-right:15px;
	border-bottom:1px solid #CC6600;
}

/* Style for main page content on home page */
#maincontent
{
	width:490px;
}

/* Style for page content on pages where right-hand menu boxes are absent */
#content
{
	width:750px;
	margin-bottom:150px;
}

/* Full width of page */
#content2
{
	width:920px;
	margin-top:25px;
	margin-left:25px;
}


/* Styles common to content on main and other pages */
#maincontent, #content
{
	margin-top:15px;
	margin-left:228px;
}

/* Style for section titles */
.title
{
	font-size:1.4em;
	border-bottom:solid 1px #CC0000;
}

.subtitle
{
	font-size:1em;
	color: #CC0000;
	margin-bottom: 0.5em; 
}

h3
{
	font-size:1.25em;
	margin-bottom: 0em; 
	border-bottom: 1px solid #CC8888; 
}

/* Style for indented information paragraphs */
.infotext
{
	margin-left:2em;
	margin-bottom:2em;
}

/* Style for "goto top" */
.gototop 
{ 
	float: right; 
}

/* Style for information boxes */
.infobox
{
	padding: 0.5em; 
	border: 1px solid #CC0000; 
	text-align:justify; 
	background-color: #FFF3D1;
}

/* Style for information box title */
.infobox h2
{
	font-size:1.4em;
	margin-top:0px;
}

/* Style for hyperlinks in information tables */
.infotable a
{
	font-weight:bold;
}

/* Style for pricing information tables */
.pricingtable
{
	padding: 1em; 
}

/* Style for pricing information table header */
.pricingtable th 
{ 
	border-bottom: 1px solid black; 
	padding: 0.5em; 
	background: #FFF3D1 url('../images/tableheader-yellow.png') 0 center repeat-x; 
	font-size: 0.9em; 
	vertical-align: bottom; 
}

/* Style for pricing information table cells */
.pricingtable td 
{
	border-bottom: 1px dotted #555555; 
	padding: 0.5em; 
	vertical-align: top; 
}

/* Style for pricing information table columns */
.pricingtable .pricingtitle, .pricingtable .price, .pricingtable .issn 
{
	text-align: center;
}

/* Style for pricing information table description column */
.pricingtable .desc
{
	font-weight: bold;
}

/* Styles for information tables */
.infotable, .pricingtable
{
	width: 100%; 
	border-collapse: collapse; 
	border: 1px solid black;
}

/* Styles for information table cells */
.infotable td
{
	text-align: center; 
	padding: 0.5em;
}

/* Styles for information table title */
.infotable .tableheader, .pricingtable th.pricingtitle
{
	background: url('../images/tableheader-red.png') 0 center repeat-x; 
	font-weight:bold;
	font-size: 1.4em;
	border-bottom: 1px solid black; 
	text-align: center; 
	color:white;
	padding: 0.25em;
}

.infotable .leftcell
{
	border-right: 1px dotted #555555;
}

/* Style for first paragraph */
.firstparagraph
{
	margin-top:-0.5em;
}

/* Style for publications image for the main page */
#publicationimage
{
	width:490px;
	height:175px;
	background:url(../images/publications.png) top center no-repeat;
}

/* Style for publication cover on journals or publications page */
#contentimage
{
	float:right;
	border:1px solid #CC8888;
	width:153px;
	height:198px;
	padding:0;
	margin:0;
}

/*Style for information in journals and proceeding information */
#confinfo td
{
	font-size:12px;
	padding-top:1em;
}

/*Style for information in journals and proceeding information titles */
#confinfo .confinfotitle 
{
	font-weight:bold;
	width:150px;
}

/* Style for new and upcoming publications container */
#newtitles 
{
	text-align: left;
	position: relative;
	width:100%;
	height:688px;
	overflow: none; 
	margin: 0em;
	padding: 0em;
}

/* Style for individual boxes in the upcoming publications section */
#newtitles .newsitem 
{ 
	position: absolute; 
	top: 130px; 
	left: 10px; 
	height: 113px; 
	width:230px; 
	overflow: hidden;
	font-family: tahoma, verdana, arial, sans;
	font-size: 0.8em;
	margin-right: 1em;
	background:url(../images/publication-shadow.png) top left no-repeat;
}

/* Style for upcoming publication cover images */
#newtitles .newsitem img
{
	float:left;
	padding:0px;
	border:0px;
	margin:0px;
	width:90px;
	height: 110px;
}

/* Style for text in the upcoming publications box */
#newtitles .newsitem .newtitle, .newscontent p
{ 
	margin-left:0px;
	margin-top:0px;
	margin-bottom:3px;
}

/* Style for publication title */
#newtitles .newtitle
{ 
	color:#CC0000;
	font-size: 1em;
	font-weight:bold;
}

/* Style for publication title hyperlink */
#newtitles .newtitle a
{ 
	color:#CC0000;
	font-weight:bold;
}

#newtitles .newtitle a:hover 
{
	color: #CC6600;
}

/* Style for text box component of upcoming publication boxes */
.newscontent
{
	margin-left:86px;
}

.newscontent p
{
	text-align:left;
	font-weight:bold;
}