/*
Ad booking, default layout and colours

$Log$

*/
/************************************************************
General purpose 
 ************************************************************/
body {
	font-family:"Verdana","Arial",sans-serif;
	color: black;
	padding:0;
	margin:0.3em;
}
body * {
	vertical-align:top;
}
#adbMain,
#adbFeedback {
	text-align:center;
	margin-left:0em;
	margin-right:auto;
	width:760px;
	min-height:400px;
}
#adbFeedback {
	width:600px; /*?*/
}
h1 {
	margin:0;
}
h1.adbH1Wide,h2,h3 {	
	background-color: #a1beda;
	color: white;
	font-size: 1em;
	font-weight: bold;	
	margin:0;
	margin-bottom:0.5em;
	padding: 0.3em 0.5em;
	clear:both; 
	text-align:left;	
}
h2#adbAdSummary {
	color:black;
	background-color: white;
	font-size: 0.8125em;
	border-bottom: 0.3em solid #a1beda;
}
h3,h4 {	
	font-size: 0.8125em;
	background-color:#F5F5F5;
	color: black;
	border-bottom: 1px dotted silver;
}
h4 {
	font-size: 0.666em;
}
img {
	border: 0px;
}
p, ul, table, dl, .like_p {
	display:block;
	clear:both;
	text-align:left;
	margin: 0.3em 0.5em 0.3em 0.5em;
	font-size: 0.8125em;
	line-height:1.2em;
}
a:link,
a:active, 
a:visited {
	color: #06C; 
	text-decoration :underline; 
}
a:hover {
	color: #039; 
	text-decoration:none; 
}
a.noUnderline:link,
a.noUnderline:active, 
a.noUnderline:visited {
	text-decoration:none;
}
.underline {
	text-decoration:underline;
}
a.noUnderline:hover .underline {
	text-decoration:none;
}
.adbGraphicList {
	margin: 0.5em 0em 0.75em 0.75em;
}
.adbGraphicList li {
	list-style-image: url(http://gfx.bookanad.com/i_arr.gif);
	padding-bottom:0.15em;
}
.adbGraphicList li.more_padding {
	padding-bottom:1em;
}
.adbGraphicList select {
	min-width:23em;
	margin-top:0.2em;
}
.multiExplain {
	font-style:italic;
	font-size:0.66em;
}
.adbNotSelected {
	font-style:italic;
	color:gray;
}
.adbNotShown {
	display:none;
}
.adbInvisible {
	visibility:hidden;
}
#adbInputBox, #adbButtonBox {
	width:32em;
	float:right;
	clear:none;
}
#adbButtonBox {
	line-height:100%;
	clear:both;
}
/************************************************************
Footer 
 ************************************************************/
#adbFooterP {
	text-align:center;
	width:760px;
	font-size:0.666em;
}
#adbMastheadsAtFoot {
	margin:1.5em 0em;
}
/************************************************************
Nav 
 ************************************************************/
#adbSectionLinks {
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 30px 0px;	
	background: white url(http://gfx.bookanad.com/bkg_arr_dot.gif) no-repeat 0% 100%;
	font-size: 10px;
}
#adbSectionLinks li {
	margin: 0;
	padding: 0;
	display:inline;
	list-style-type: none;	
	font-weight:bold;        	
}
#adbSectionLinks a {
	float:left;
	line-height:11px;
	font-weight: bold;
	margin: 0px 5px;
	padding: 0px 5px 27px 5px;
	text-decoration: none;	
	color: #999;
   	width: 55px;
	text-align:center;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.adbNoScripting #adbSectionLinks a {
	cursor:text;
}
#adbSectionLinks a.no1 {
	background-image: url(http://gfx.bookanad.com/no1.gif) ;}
#adbSectionLinks a.no2 {
	background-image: url(http://gfx.bookanad.com/no2.gif) ;}
#adbSectionLinks a.no3 {
	background-image: url(http://gfx.bookanad.com/no3.gif) ;}
#adbSectionLinks a.no4 {
	background-image: url(http://gfx.bookanad.com/no4.gif) ;}
#adbSectionLinks a.no5 {
	background-image: url(http://gfx.bookanad.com/no5.gif) ;}
#adbSectionLinks a.no6 {
	width: 105px;	
	background-image: url(http://gfx.bookanad.com/no6.gif) ;}
#adbSectionLinks a.no7 {
	background-image: url(http://gfx.bookanad.com/no7.gif) ;}
#adbSectionLinks a.no8 {
	background-image: url(http://gfx.bookanad.com/no8.gif) ;}
#adbSectionLinks a.no9 {
	background-image: url(http://gfx.bookanad.com/no9.gif) ;}
#adbSectionLinks a.no1active {
	color: #300;	
	background-image: url(http://gfx.bookanad.com/no1_active.gif) ;}
#adbSectionLinks a.no2active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no2_active.gif) ;}
#adbSectionLinks a.no3active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no3_active.gif) ;}
#adbSectionLinks a.no4active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no4_active.gif) ;}
#adbSectionLinks a.no5active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no5_active.gif) ;}
#adbSectionLinks a.no6active {
	width: 105px;		
	color: #300;
	background-image: url(http://gfx.bookanad.com/no6_active.gif) ;}
#adbSectionLinks a.no7active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no7_active.gif) ;}
#adbSectionLinks a.no8active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no8_active.gif) ;}
#adbSectionLinks a.no9active {
	color: #300;
	background-image: url(http://gfx.bookanad.com/no9_active.gif) ;}
/************************************************************
back/next buttons
 ************************************************************/
.buttonnext, .buttonback {
	float:right;
	padding: 1em 0em;
}
.buttonback {
	float:left;
}
/************************************************************
Info sidebar front page
 ************************************************************/
#adbSidebarInfo {
	color:black;
	background-color:#eef6fe;
	padding:0.1em;
	float:left;
}
#adbSidebarInfo p {
	font-size:0.66em;
	margin:1em 0.5em;
}
#adbSidebarInfo p#adbSecurityInfo {
	background-color:white;
	margin-top:0.4em;
	padding:0.4em;
}
#adbSecurityInfo img {
	float:left; 
	margin:0.2em 0.7em;
	padding-bottom:5em;
}
/************************************************************
Category / front page
 ************************************************************/
.adbCatList {
	margin:1.2em 0em 0em 0.4em;
	border-top: 1px dotted silver;
	padding:0;
}
.adbCatList li {
	display:block;
	height:3.6em;
	padding:0;
	border-bottom: 1px dotted silver;
}
.adbCatList label, 
.adbCatList p {
	display:block;
	text-indent:0;
	height:100%;
	padding:0;
	margin:0;
}
.adbCatList p {
	width:25em;
	float:right;
	border-left: 1px dotted silver;
	padding-left:0.2em;
}
/*long descriptions text*/
.adbCatList p span {
	display:block;
	padding:0.3em;
	line-height:96%;
	font-style:italic;
	letter-spacing:-0.01em;
}
/* layout fudge: move inputs (radios) and text down (see ie_hacks.css as well) */
.adbCatList label {
	line-height:1.8em;
}
.adbCatList label input {
	margin-top:0.6em;
}
/************************************************************
Ts n Cs
 ************************************************************/
#adbTerms, #adbTerms *, p.adbCatLongDesc {
	background-color: #eef6fe;
}
#adbTerms {
	padding:0.5em;
	text-align:left;
	margin:1em 0em 0em;
}
#adbFeedbackBox #adbTerms {
	margin:0.5em 0em;
}
#adbTerms dl, 
#adbTerms p {
	font-size: 0.666em;
	margin-bottom:1em;
}
#adbTerms h3,
#adbTerms h4 {
	background-color: inherit;
}
#adbTerms dt {
	font-weight:bold;
}
#adbTerms dd {
	margin-left:5em;
}
.backToSiteLink {
	display:block;
	text-align:left
}
#adbFeedback #buttonnext { float:right }
span.adbTermsNum {
	display:block;
	float:left;
	clear:left;
	width:4em;
	margin-right:1em;
	font-weight:bold;
}
/************************************************************
Preview
 ************************************************************/
#adbPreviewBox {
	float:left;
	width:14em;
}
#adbPreviewBox h2 {clear:none;}
#adbPreviewBox ul,
.adbStartAgainLink {
	font-size: 0.66em;
	letter-spacing:-0.05em;
	word-spacing:-0.1em;
	font-weight: normal;
	list-style:none;
	margin:0.5em;
	padding:0;
	line-height: 1.8em;
}
.adbStartAgainLink {
	float:right;
	clear:none;
	display:block;
	margin:0;
	margin-top:0.3em;
}
#adbPreviewBox ul a {
	margin-left: 0.5em;		
}
#adbPreviewBox ul strong {
	margin-right: 0.5em;	
}
#adbHTMLPreview { /* _contains_ the preview div */
	font-size: 100%;
	margin: 0.5em 0em 1.5em;
	width:220px; 
	padding:3px; /* stops render smearing with borders in Moz */
	color:black;
	background-color:white;
}
.previewOnLongPage { /*for taller screens  */
	position:fixed;
}
/************************************************************
Errors
 ************************************************************/
div#adbErrorBox, .adbErr {
	border:2px solid red;
	font-size:0.9em;
	font-style:italic;
	font-weight:bold;
	color:red;
	background-color:white;
	width:95%;
	margin:0.4em 0em;
	margin-right:auto;
	margin-left:auto;
	padding:0.2em;
	text-align:left;
	letter-spacing:-0.065em;
}
.adbErr {
	font-weight:bold;
	padding:0.2em 0.3em;
	margin:0;
}
div#adbErrorBox img, .adbErr img, .adbInfo img {
	vertical-align:middle;
	margin-right:0.2em;
}
div#adbErrorBox .adbErr img {
	display:none;
}
div#adbErrorBox .adbErr {
	display:list-item;
	border:none;
	margin-left:3em;
	width:80%;
	list-style-type: none;
} 
div#adbErrorBox img {
	float:left;
	margin-top:0.25em;
}
.browser_support_warning {
	font-size:smaller;
	margin:1em;
	padding:0.1em;
	border:1px solid red;
}
/************************************************************
Style page
 ************************************************************/
ul#adbChooseStyle {
	list-style-type:none;
	display:table-cell;
	margin:1em 0em;
	padding:0;
}
ul#adbChooseStyle li {
	display:block;
	border:1px dashed silver;
	padding:0.2em;
	padding-bottom:3.8em; /* to occupy space for the .costDetails (HACK) */
	margin:0.2em;
	width:18em;
	float:left;
	position:relative;
}
ul#adbChooseStyle input {
	float:left;
}
ul#adbChooseStyle label {
	cursor:default;
	color:red;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.adbStyleLongDesc {
	font-size:0.85em;
	margin-left:3em;
	margin-top:-1px;
	display:block;
	line-height: 1.0em;
	vertical-align: top;	
}
.adbStylePreview {
	padding-top:0.2em;
}
.adbStylePreview div {
	margin-left:auto;
	margin-right:auto;
}
ul#adbChooseStyle .costDetails {
	background-color:#eee;
	padding: 0.2em;
	margin:0.2em auto;
	bottom:0;
	width:96.5%;
	display:block;
	position:absolute;	
}
ul#adbChooseStyle .costDetails em {
	font-weight:bold;
	font-style:normal;
}
/************************************************************
copy / metadata / general form elts
 ************************************************************/
.adbCopyTable label {
	white-space:nowrap;
	padding:0.3em 1em 0.3em 0em;
	margin:0em;
}
textarea {
	width:20em;
	height:13em;
	font:inherit;
	margin-bottom:0.5em;	
}
textarea:focus, input:focus {
	background-color: #F5F5F5;
	color:black;
}
input {
	margin-right:0.3em;
	margin-bottom:0.3em;	
}
.adbCopyTable {
	margin:1em 0em;
	font-weight: normal;
	width: 100%; 
}
.adbCopyTable th {
	font-weight:normal;
}
.adbreqd {
	color:red;
}
.adbCopyTable th, td {
	width: 50%; 
	padding: 5px;
}
.adbCopyTable td {
	border-bottom: 1px dotted silver;
}
.adbCopyTable td.info {
	background-color: #eef6fe;
	border-left: 1px dotted silver;
}
.adbCopyTable th.info {
	background-color: #F5F5F5;
	color:black;
	margin:0;
	margin-bottom:0.5em;
	padding: 0.3em 0.5em;
	border-bottom: 1px dotted silver;
}
/************************************************************
image editing zone
 ************************************************************/
#adbImgScriptP {
	text-align:center;
	margin:0.6em 0em;
	line-height:0.6em;
}
#adbImgScriptP a {
	padding: 1px;
}
#adbImgScriptP a:active {
	padding: 0px;
	border: 1px solid #a1beda;
}
#adbImgScriptP a.adbDisabled {
	cursor:default;
}
#adbImgResz {
	cursor:se-resize;
	position:absolute;
}
#adbImgCrop {
	cursor:move;
	position:absolute;
	z-index:1;
	border:1px solid black;
	padding:0; 
	background-repeat:no-repeat;
	background-position:0px 0px
}
#adbImgEd {
	margin:0em 1em 0em;
	text-align:left;
}
#adbEditableImgDisplayZone {
	padding-bottom:0.4em;
	border-bottom:3px inset;
}
/* when busy have background image */
.adbWaitBusy #adbEditableImgDisplayZone,
#adbHTMLPreview.adbWaitBusy {
	background: white url(http://gfx.bookanad.com/clock2.gif) no-repeat 50% 50%;
	border-bottom:3px solid white;
}
/* when busy hide all */
#adbHTMLPreview.adbWaitBusy * * {
	visibility:hidden;
}
/************************************************************
Logo picker
************************************************************/
#adbLogoLayout {
	margin:0;
	text-align:center;
}
#adbLogoLayout table.adbLogoTable {
	min-height:28em;
}
#adbLogoLayout table.adbLogoTable td {
	width:23%;
	height:33%;
}
#adbLogoLayout,
#adbLogoLayout table {
	border-collapse:collapse;
}
form#adbMain #adbLogoLayout td,
form#adbMain #adbLogoLayout table * {
	vertical-align:middle;
	text-align:center;
}
form#adbMain #adbLogoLayout,
form#adbMain #adbLogoLayout tbody {
	width:100%;
}
#adbLogoLayout td.logolink {
	width:10%;
}
#adbLogoLayout td.logolink a {
	text-decoration:none;
}
#adbLogoLayout td.logolink a span {
	text-decoration:underline;
}
#adbLogoLayout table td {
	border:1px solid silver;
	padding:0;
}
#adbLogoLayout table img {
	margin:2px;
}
#adbLogoLayout.HiLitePointer table td {
	cursor:pointer;
}
#adbLogoLayout.HiLitePointer table img:hover,
#adbLogoLayout.HiLitePointer table td.adbLogoSelected img {
	border:2px solid black;
	margin:0px;
}
/************************************************************
Schedule
************************************************************/
td#adbScrCalendar {	
	text-align:center;
	vertical-align:middle;
}
#adbLogoLayout table.adbSched {
	color:black;
	border-collapse:separate;
	font-size: 1em;
	min-height:17em; /*attempt to stop <a>s from moving*/
}
#adbLogoLayout table.adbSched th,
#adbLogoLayout table.adbSched td {
	border:none;
	width:3em;
}
#adbLogoLayout table.adbSched td.adbDay {
	padding:2px;
	cursor:pointer;
}
#adbLogoLayout table.adbSched td.adbDay:hover {
	padding:0px;
	border:2px dashed black;
}
#adbLogoLayout table.adbSched td.adbUnavail:hover {
	padding:2px;
	border:none;
}
#adbLogoLayout table.adbSched td.adbWknd {
	background-color:#D3DCD0;
}
#adbLogoLayout table.adbSched td.tooEarly {
	color:gray;
	background-color:#f5f5f5;
}
#adbLogoLayout table.adbSched td.adbUnavail {
	cursor:default;
}
/*
NB. source order of these declarations is important (so that
a selected but out of range date gets a dashed border)
*/
#adbLogoLayout table.adbSched td.adbDateInRange, 
#adbLogoLayout table.adbSched td.adbDateSelected {
	border:1px solid black;
	padding:1px;
}
#adbLogoLayout table.adbSched td.adbDateSelected {
	border-style: dashed;
}
#adbLogoLayout table.adbSched td.adbDateInRange {
	border-style: solid;
}
#adbLogoLayout table.adbSched td.adbToday {
	font-weight:bold;
	text-decoration:underline;
}
.adbWaitBusy, 
#adbLogoLayout td.adbWaitBusy *,
.adbWaitBusy * {
	cursor:wait;
}
#adbSchedFeedbackH3,
#adbSchedFeedbackP {
	width:30%;
	float:right;	
	margin-left:0em;
}
#adbSchedFeedback li strong {
	padding-right:0.3em;
}
/************************************************************
Pay
************************************************************/
#adbPrintLinkP {
	margin:1em;
}
/************************************************************
Contact us
************************************************************/
#adbContactPostal {
	clear:right;
	margin-top:4em;
	width:50%;
	border: 2px solid #a1beda;
}
#adbContactPostal address {
	font-style:italic;
	font-size:small;
	text-align:left;
	padding:0.3em 1em;
}