@import url(site_std_tags.css);

/*top display*/
#bannerbox			{ position:relative; }
#bannerbox div		{ position:relative; width:760px; height:70px; background:#d5d9dd; }
#bannerbox div img	{ position:relative; margin:10px 0 0 15px; }
/*menu*/
#bannerbox ul			{ position:relative; list-style:none; margin:0; padding:0; height:20px; background:#6c91a2; text-align:right; }
#bannerbox ul li		{ display:inline; margin:0; padding:0; line-height:20px; }
#bannerbox ul a			{ padding:0 15px; text-decoration:none; color:#fff; font-size:1.17em; }
#bannerbox ul a:hover	{ padding:0 15px; background:#8ea7ae; }

/*styles used on multiple pages*/
.contentbox		{ position:relative; padding:20px 35px 20px 25px; overflow:auto; width:760px; }
#rightmenu		{ position:relative; margin-top:5px; margin-right:10px; float:left; width:190px; }
#maintext		{ position:relative; float:left; width:500px; }
#backto			{ font-family:Verdana, Helvetica, sans-serif; font-size:1.1em;}

/*right menu*/
#rightmenu .acc_trigger		{ position:relative; padding-left:10px; }
#rightmenu .acc_trigger span{ position:absolute; left:0; top:1px; width:10px; height:16px; background-image:url(/images/icons/arrows.png); background-position:-38px -16px; }
#rightmenu .active span		{ background-position:-68px -16px; }
#rightmenu .acc_trigger a	{ text-decoration:underline; }
#rightmenu .active a		{ color:#587e78; text-decoration:none; }

#rightmenu ul				{ position:relative; list-style:none; margin:0; padding:0; }
#rightmenu ul.acc_container	{ margin:0; border:1px solid #ddd; background:#f7f7f7; }
#rightmenu ul li			{ margin-left:4px; padding:0; }
#rightmenu ul li.spaced		{ margin:6px 0 6px 4px; }
.menuedit img				{ border:0; }

/*view book summaries*/
.booksum			{ position:relative; margin-bottom:20px; border:1px solid #ccc; padding:5px; background:#eee; }
.booksum img		{ float:left; border:0; display:block; }
.booksum .sumdetail	{ margin-left:95px; }
.booksum h2			{ font-size:1.3em; font-weight:bold; margin:0; }
.booksum p			{ margin-bottom:0; }
.booksum .bookinfo	{ margin:5px 0; border-top:2px dotted #ccc; text-align:right; font-size:1.1em; font-style:italic; }

/*view book detail*/
#bookdetail				{ position:relative; }
#bookdetail #viewcover	{ position:relative; float:right; margin:0 0 10px 10px; }
#bookdetail a			{ border:0; }
#bookdetail #docdl		{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:24px; }
#bookdetail #docdl img	{ float:left; margin-top:2px; }
#bookreview p, #bookreview div, #bookreview span, #bookreview h1, #bookreview h2, #bookreview h3 { font-size:1.1em; }
#bookprice				{ border-top:2px dotted #ccc; font-weight:bold; }
#bookprice img			{ border:0; }
#bookrrp				{ font-weight:normal; font-style:italic; font-size:0.917em; }
#zoomimg				{ position:absolute; bottom:5px; right:5px; margin:0; border:0; }

/*order form*/
#clearform					{ text-align:right; }
.orderform					{ margin:10px 0; padding:0; border:1px solid #eee; border-spacing:1px; width:100%; font-family:Verdana, Geneva, sans-serif; letter-spacing:normal; }
.orderform thead tr			{ background:#d7d7d7 url(/images/orderheading-bg.gif) repeat-x top left; }
.orderform thead th			{ border-bottom:1px solid #ddd; padding:1px 2px; font-size:0.917em; color:#009; text-align:left; }
.orderform .price			{ text-align:right; width:12%; }
.orderform .total			{ border-top:1px solid #333; color:#009; font-style:italic; font-weight:bold; }
.orderform .grandtotal		{ color:#900; background:#ffc; }
.orderform .qty				{ text-align:right; width:12%; }
.orderform tbody			{ color:#777; }
.orderform tbody .catheading{ background:#ffe; }
.orderform tbody .row1		{ background:#fff; }
.orderform tbody .row2		{ background:#f0f5fa; }
.orderform tbody th			{ border-bottom:1px solid #eee; padding:0 2px 1px 2px; font-size:0.917em; color:#333; }
.orderform tbody td			{ border-bottom:1px solid #eee; padding:0 2px 1px 2px; font-size:0.833em; color:#555; vertical-align:top; }
.orderform .order-viewbook	{ font-style:italic; }
.orderform .order-viewcat	{ font-style:italic; font-weight:normal; font-size:0.909em; }
.qty-short					{ margin-top:2px; width:35px; font-size:0.917em; }

#clientdetails				{ position:relative; }
#clientdetails label		{ display:block; float:left; width:80px; text-align:right; margin:0 6px 0 0; }
#clientdetails p			{ clear:left; margin:0; font-size:0.917em; }
#clientdetails .write		{ background-color:#ffd; border-left:0; border-bottom:1px solid #b2b2cc; border-right:0; border-top:0; font-size:1em; width:400px; }
#clientdetails .wmicro		{ font-size:1em; width:15px; }
#clientdetails #paytype		{ margin:10px 0 10px 90px; }

/*event summary display - multi column*/
.eventsumbox			{ position:relative; width:250px; height:145px; float:left; background:#fff; }
.eventsum				{ position:relative; margin:10px 20px 15px 0; border:1px solid #ccc; padding:5px 5px; width:220px; height:110px; background:#fff; cursor:pointer; }
.eventsum col1			{ clear:left; }
.eventsum col2			{ margin-right:0; }
.eventsum:hover			{ background:#eaf7ff; }
.eventsum .eventimg		{ float:left; width:110px; height:110px; }
.eventsum img			{ float:right; }
.eventsum h2			{ margin-top:0; margin-bottom:0; font-size:1.15em; line-height:1.2em; color:#c00; }
.eventsum p				{ margin-top:0; font-size:1.1em; line-height:1.2em; }
.eventsum .wi			{ padding-left:120px; }
.eventsum span.more		{ display:block; border-bottom:1px dotted #c00; padding:4px 15px 1px 0; color:#c00; font-size:0.909em; font-weight:normal; font-style:italic; text-align:right; background:transparent url('/images/news/more.gif') no-repeat bottom right; }
.eventsum .eventdate	{ position:absolute; bottom:1px; right:10px; color:#666; font-size:1em; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; }
.eventsumbox .editpos	{ position:absolute; bottom:0; left:0; }

/*event full display*/
body#fullstory				{ border:0; background:#fff; }
#eventdetail				{ position:relative; padding:0 10px; text-align:left; }
#eventdetail #eventtitle	{ position:relative; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding:4px 4px; background:#eee url('/images/news/news-back.jpg') no-repeat top left; }
#eventdetail #eventimg		{ position:relative; float:right; margin-left:15px; }
#eventdetail #zoom			{ position:absolute; top:2px; left:-9px; border:0; }
#eventdetail #eventtext		{ padding:7px 0; }
#eventdetail #eventdate		{ margin:10px 0; border-top:1px dotted #c00; padding:2px 4px; color:#c00; font-style:italic; text-align:right; }

/*contact page*/
#contactinfobox				{ position:relative; margin:0 8px 15px 0; border-bottom:2px dotted #ccc; padding:0 28px 0 0; overflow:hidden; }
#contactinfobox p			{ margin:8px 0 4px 0; padding:0 0 0 119px; font-family:Tahoma, Arial, Helvetica, Sans-Serif; letter-spacing:0.2em; line-height:33px; }
#contactinfobox p#address	{ height:auto !important; height:30px; min-height:30px; line-height:normal; }
#contactinfobox img			{ margin:0 0 8px -38px; border:0; padding:0; float:left; }

#frmcontact					{ position:relative; margin:0 0 15px 12px; border-bottom:2px dotted #ccc; padding:0; overflow:hidden; }
#frmcontact input.text		{ width:260px; font-size:1em;/*10px*/}
#frmcontact textarea		{ width:260px; font-size:1em;/*10px*/}
#frmcontact input.doit		{ margin-left:71px; font-size:0.909em;/*10px*/}
#frmcontact label			{ display: block; float: left; width:80px; text-align:right; margin:0 6px 0 0; }
div#registered				{ margin:10px 0; border-top:1px solid #ccc; padding:4px 2px; color:#666; }

/*vertification code formatting*/
#codeframe		{ margin:0; border:0; padding:0; height:12px; width:48px; }
.vcode			{ font-size:1em; }

/*subscribe*/
#frmsubscribe				{ position:relative; border:1px solid #ccc; padding:15px 8px; background:#eee; }
#frmsubscribe p				{ clear:left; margin-bottom:0.5em; font-size:1.1em; }
#frmsubscribe label			{ display:block; float:left; width:100px; text-align:right; margin:0 6px 0 0; }
#frmsubscribe input.text	{ width:180px; font-size:1em;/*10px*/ }
#frmsubscribe input.doit	{ margin-left:106px; font-size:1em;/*10px*/ }

/*Login form*/
#frmlogin					{ position:relative; border:1px solid #ccc; padding:15px 8px; background:#eee; color:#666; font-size:0.917em; }
#frmlogin label				{ display:block; float:left; width:80px; text-align:right; margin:0 8px 0 0; }
#frmlogin input.text		{ width:220px; font-size:0.917em; }
#frmlogin input.loginbtn	{ margin-left:88px; font-size:11px; width:55px; font-weight:normal; }
.showerrors					{ margin:10px 0; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; color:#c00; font-size:1.4em; }
#emaillink					{ margin-bottom:0; margin-left:88px; }

/*MyAccount form*/
#frmmyaccount				{ position:relative; border:1px solid #ccc; padding:15px 8px; background:#eee; color:#666; font-size:0.917em; }
#frmmyaccount label			{ display:block; float:left; width:110px; text-align:right; margin:0 8px 0 0; }
#frmmyaccount input.text	{ width:240px; font-size:0.917em; }
#frmmyaccount input.mabtn	{ margin-left:118px; font-size:11px; width:115px; font-weight:normal; }

/*Clerkwise Index*/
#cwcatlist			{ position:relative; margin-left:20px; }
#cwcatlist h2		{ margin:0; font-size:1.3em; font-weight:bold; }
#cwcatlist h2.new	{ margin-top:4px; border-top:2px dotted #ccc; padding-top:4px; }
#cwcatlist h2 img	{ cursor:pointer; }
#cwcatlist ul		{ display:none; margin-bottom:0.5em; list-style-type:square; }

/*the footer link for CubeConnection*/
#siteby				{ position:relative; clear:left; color:#999; background:#eee; height:30px; }
#siteby p			{ margin:3px 6px; text-align:right; font-size:1.1em; }
#siteby #copyright	{ float:left; }
#siteby a#cube		{ text-decoration:none; color:#888; font-weight:bold; }
#siteby a#cube:hover{ color:#089cb1; }

/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
#adminmenu			{ position:relative; overflow:hidden; width:100%; font-family:Tahoma, Geneva, sans-serif; }
.editlink			{ border:1px solid #ccc; color:#00f; padding:1px; font-weight:normal; background-color:#ffb; line-height:1em; }
.editlink a			{ text-decoration:none !important; color:#d00 !important; font-weight:normal !important; }
.editlink a:hover	{ text-decoration:underline !important; color:#00f !important; }
#adminnotes			{ clear:left; margin-top:10px; border-top:2px dotted #c00; padding-top:4px; color:#c00; font-style:italic; font-size:1.1em; }

/*define position of edit button on images*/
img.cmschange		{ position:absolute; top:1px; left:1px; margin:0; border:1px solid #f00; padding:0; }
img.cmszoom			{ left:25px; }