/* Import All Stylesheets */
@import url("topMenu.css");
@import url("IDs.css");
@import url("sideMenu.css");
@import url("widgets.css");
@import url("forms.css");

body {
	margin: 0px;
	background-image:url(../images/bg.jpg);
	background-attachment: fixed;
	background-position: top left;
	background-repeat: repeat-x;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  /* All font sizes should be set to a percentage of this value */
}
a { color: #666; }
a:hover { color: #FFBB00; }
p { margin:0px; margin-bottom: 10px; }
h1 { font-size: 120%; margin:0px; margin-bottom:10px; }
h2 { font-size: 110%; margin:0px; margin-bottom:10px; }
h3 { font-size: 120%; margin:0px; margin-bottom:4px; }
h4 {}
h5 {}
h6 { display: inline; font-size: 110%; margin:0px;}
form {margin:0px;}
/* Generic Colours */
.bgOrange { background-color: #FFBB00; }
.bgGrey { background-color: #DDD; }
.bgDarkGrey { background-color: #999; }
.bgWhite { background-color: #FFF; }
.textOrange { color: #FFBB00; }
.textGrey { color: #DDDDDD; }
.textWhite { color: #FFFFFF; }
.TWAfooter { font-size: 90%; color: #ccc; }
.errorText { color:#FF0000; }

.smallText { font-size: 80%; }
/* Generic Buttons */
/* 	Add BG-col and width in TAG 
	E.G. - class="button bgOrange textWhite" style="width:150px;"
*/
.button { display:block; text-align:center; line-height: 16px; padding: 1px; vertical-align: middle; border: 1px solid #999; text-decoration: none; font-weight:bold; } 
.button:hover { background-color:#fff; color:#999;}

/* NEWS SECTION */
#newsArchive a { display: block; width:98%; line-height: 18px; text-decoration: none; padding: 2px 5px 2px 5px; margin: 10px 0px 0px 0px; color: #666; border: 0px;}
#newsArchive a:hover { background-color: #FFF1CC; }
.col0 { background-color: #eee; }
.col1 { background-color: #f5f5f5; }

/* SEARCH PAGES */
.searchBox {width: 430px; padding: 4px; border: 1px solid #666;}
.linkBar {float:left; width: 434px; padding: 2px; border: 1px solid #666; background-color:#ddd; text-align:center; }
.searchResult { float:left; display:inline; width: 438px; border: 1px solid #ccc; margin-bottom:2px; color:#666; font-size:90%; }
.resultImage { float:left; display:inline; width: 84px; }
.resultText { float:left; display:inline; width: 350px;  text-align:left; padding: 2px; vertical-align: top; }
/* ratings */
.rate { width: 100px; height: 16px;}
.rate1 { width: 8px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat;  }
.rate2 { width: 20px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate3 { width: 28px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate4 { width: 40px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate5 { width: 48px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate6 { width: 60px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate7 { width: 68px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate8 { width: 80px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate9 { width: 88px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }
.rate10 { width: 100px; background-image: url(../images/stars.png); height: 16px; background-repeat: no-repeat; }

#adPackages { line-height: 16px; padding: 2px;  border: 1px solid #ccc; width:430px;}
#adPackages tr { padding-bottom:10px; }
#adPackages td { border-top: 1px solid #ccc; }
#adPackages strong { color:#333; }

.activeOrder {font-weight:bold;}

/* Business Results */
.businessResult { float:left; display:inline; width: 438px; border: 1px solid #ccc; margin-bottom:2px; margin-top:2px; color:#666; font-size:90%; text-align:left; }
.businessResult div {line-height: 16px;}
h1.listHeading {margin-bottom:4px; padding-left: 2px;}
h1.listHeading a {width: 100%; display:block; background-color:#eee; height: 20px; line-height: 20px;}
h1.listHeading a:hover {background-color:#FFF1CC;}
.sectionHeading { display:block; height: 20px; line-height: 20px; margin-top:10px; padding-left: 2px; font-weight:bold; clear:both;}
.sectionHeading a { color:#fff; text-decoration:none; }
.sectionHeading a:hover { color:#fff; text-decoration:underline; }
.sponsor { background-color:#FFF8E6; }

/* Demos List */
.artistDemo { border: 1px solid #999; }
.leftPad { padding-left: 2px; }
.bottomMargin { margin-bottom: 4px; }
.Heading { display:block; height: 20px; line-height: 20px; font-weight:bold; clear:both; }
.demoName { float:left; display:inline; width:230px; height: 20px; padding-left:4px; border-bottom: 1px solid #ccc;}
.demoOptions { font-weight:normal; float:left; display:inline; width:198px; height: 20px; padding-left:2px; padding-right:2px; text-align:right; border-bottom: 1px solid #ccc;}
.demoCount { font-weight:normal; display:block; line-height: 20px; clear:both; background-color:#f5f5f5; text-align:center;}
.spacer { clear:both; height: 3px; font-size: 1px; line-height:3px; display:block; position:relative; }
.spacer10 { clear:both; height: 10px; font-size: 1px; line-height:10px; display:block; position:relative; }
.buttLink { display:block; text-align:center; line-height: 16px; padding: 1px; vertical-align: middle; text-decoration: none; font-weight:bold; } 
.buttLink:hover { background-color:#fff; color:#999;}


/* Artist pages */
.borderTop { border-top: 1px solid #ccc; }
.borderBottom { border-bottom: 1px solid #ccc; }
.borderLeft { border-left: 1px solid #ccc; }
.borderRight { border-right: 1px solid #ccc; }