/*
-----------------------------------------------
ThatGig
Release:  28 Feb 2007
ThatGig: Main style sheet
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: x-small/1.5em "Lucida Grande", Verdana, Sans-serif;
	color: #333;
	text-align: left;
	font-size/* */: /**/small;
	font-size: /**/small;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	margin: 0;
	padding: 0 0 0 20px;
}
ol li {
	margin: 0;
	padding: 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #40423F;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
	width: 100%;
}
.ah1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #40423F;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
	width: 100%;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 15px;
	margin: 0 0 3px 0;
	padding: 10px 0 10px 0;
	background-color: #fff;
	width: 100%;
	line-height: 100%;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E96E0;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: 100%;
	line-height: 30px;
}
h4 {
	color: #fff;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
.green {
	color: #A5DE39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	letter-spacing: 100%;
	height: 20px;
	line-height: 30px;
}
p {
	margin: 0 0 1em;
	padding: 3px 5px 3px 5px;
}
p.header {
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
}
p.header a {
	color: #fff;
	text-decoration: underline;
}
p.header a:active {
	color: #fff;
	text-decoration: underline;
}
p.header a:visited {
	color: #fff;
	text-decoration: underline;
}
#header p a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #94D81A;
	background-color: #fff;
}
acronym {
	font-style: normal;
	border-bottom: 1px dotted #333;
	cursor: help;
}
pre {
	font-size: 12px;
}
/* Template Structure
----------------------------------------------- */
#gigawrap {
	margin: 0 auto 0;
	background: #fff;
	color: #000;
}
#header {
	margin: 0;
	height: 75px;
	background-image:url('../../img/bg_top.jpg');
	background-repeat: repeat-x;
	padding: 0px 10px 0px 15px;
}
#search {
	float: right;
	clear: both;
	padding: 0;
	margin: 0;
	position: absolute;
	color: #FFFFFF;
	width: 100%;
	text-align: right;
	margin: 0 10px 0 0;
}
#login {
	width: 100%;
	background-color: #fff;
	float: left;
	position: relative;
	clear: left;
	max-width: 700px;
}
/* Services :: Begin
----------------------------------------------- */
#leftmain {
	width: 55%;
	background-color: #fff;
	float: left;
	position: relative;
	clear: left;
}
#leftmain img {
	border: none;
}
#leftmain img hover {
	border: none;
	background: transparent;
}
#leftmain_account {
	width: 720px;
	background-color: #fff;
	float: left;
	position: relative;
	clear: left;
}
#leftmain_account img {
	border: none;
}
#leftmain_account img hover {
	border: none;
	background: transparent;
}
#rightmain {
	width: 100%;
	background-color: #fff;
	float: right;
	clear: right;
	height: 100%;
	color: #333;
	margin: 0;
	padding: 10px;
	border-bottom: 1px dashed #3E96E0;
}
#headings {
	width: 100%;
	height: 100%;
	line-height: 30px;
	background-color: #fff;
}
#headings h1.headings {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 18px;
	margin-top: 0;
	padding: 2px 0 2px 10px;
	background-color: #fff;
	width: 100%;
	line-height: 30px;
	text-align: left;
	border-bottom: 2px solid #A5DE39;
}
#leftmain p {
	font-size: small;
	line-height: 150%;
	color: #333;
	text-align: justify;
}
#leftmain_account p {
	font-size: small;
	line-height: 150%;
	color: #333;
	text-align: justify;
}
#service_index {
	font-size: 16px;
	height: 100%;
	width: 100%;
	background-color: #CCFFCC;
	padding: 10px;
	border: 4px solid #BFDF5E;
	background-color: #CDE985;
	margin: 0 0 10px 0;
}
#service_index ol li {
	margin: 5px 0 5px 20px;
	padding: 0 0 5px 0;
}
#service_index a {
	color: #000;
	text-decoration: none;
}
#service_index a:visited {
	color: #666666;
	text-decoration: none;
}
#service_index a:hover {
	color: #000;
	background-color: #fff;
}
/* Services :: End
----------------------------------------------- */

#navigation {
	background-color: #000;
}
#giga_inner_1 {
	clear: both;
	padding: 0 0px 0px;
	font-size: 83%;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
#giga_inner_2 {
	padding: 20px;
	background: #fff;
}
#giga_left {
	float: left;
	width: 200px;
	line-height: 1.5em;
	background: #fff;
}
#giga_right {
	float:left;
	width:620px;
	line-height:1.5em;
	background:#fff;
}
#giga_right p {
	line-height: 1.5em;
	margin: 0px 0px 1.4em;
}
#giga_rightborder {
	padding-left: 20px;
	border-left: 1px solid #fff;
}
#giga_full {
	float: left;
	clear: left;
	width: 50%;
	line-height: 1.5em;
	background: #fff;
}
#giga_full p {
	line-height: 1.5em;
	margin: 0px 0px 1.4em;
}
#giga_fullborder {
	padding-left: 0px;
	border-left: 1px solid #fff;
}
#clear {
	clear: both;
}
.clear {
	clear: both;
	height: 10px;
}
/* Template Layout  :: Musician Search
----------------------------------------------- */
#cloud {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	width: 100%;
	clear: both;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 4px solid #BFDF5E;
	background-color: #CDE985;
}
#cloud a {
	text-decoration: none;
}
#cloud a:hover {
	background-color: #fff;
	border-bottom: 1px solid #336699;
}
#tables {
	float: left;
	width: 100%;
	position: relative;
}
.images {
	border: 3px solid #000;
}
.feat_h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E96E0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 200%;
	height: 30px;
	line-height: 30px;
	width: 100%;
}
/* Template Layout Begin :: start.htm
----------------------------------------------- */

#intro {
	width: 100%;
	background-color: #fff;
	height: 100%;
}
#intro h1 {
	background-position: center;
	color: #FF5C19;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	background-color: transparent;
	width: 100%;
	text-align: left;
	line-height: 100%;
	font-weight: bold;
}
#intro p {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 16px;
	line-height: 22px;
	background-color: transparent;
	font-weight: normal;
	text-align: justify;
}
.highlight {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	text-decoration:underline;
	font-weight: bold;
}
.highlight a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	text-decoration:underline;
	font-weight: bold;
}
.highlight a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	text-decoration:underline;
	font-weight: bold;
}
.highlight a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #1983D7;
	font-size: 16px;
	text-decoration:underline;
	font-weight: bold;
}
.highlight a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	text-decoration:underline;
	font-weight: bold;
}
#signup_button {
	float: right;
	clear: right;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 80px;
	background-position:center;
}
#signup_button h1 {
	font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 25px;
}
#pagewidth {
	max-width:100%;
	min-width:800px;
}
#leftcol {
	width:65%;
	float:left;
	position:relative;
	background-color:#fff;
	height: 100%;
}
#top_container {
	width:100%;
	position:relative;
	background-color:#fff;
	height: 100%;
}
#featured_musician {
	width: 100%;
	position:relative;
	background-color:#fff;
	height: 100%;
}
#featured_musician h1 {
	background-position: center;
	color: #333333;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	background-color: transparent;
	width: 100%;
	text-align: left;
	line-height: 100%;
	font-weight: bold;
}
#feat_artists {
	width: 600px;
	margin: 10px;
	height: 100%;
	background:#fff;
	text-align: left;
	position: relative;
}
#feat_artists li {
	width:160px;
	height: 100%;
	border:solid #CCC;
	border-width: 1px;
	background:#eee;
	padding:5px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
#feat_artists img {
	border: 1px solid #000;
}
#feat_img {
	float:left;
	margin-right:15px;
}
#featured_musician p {
	padding-left: 5px;
	margin-left: 5px;
}
#topleft {		/* Top Left: Sign Up*/
	width:46%;
	float:left;
	position:relative;
	background-color:#fff;
	height: 250px;
	clear: left;
	padding-bottom: 5px;
}
#topleft p {
	line-height: 150%;
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 5px;
	height: 50px
}
#topleft p.lastgig {
	line-height: 25px;
	border:0;
	margin: 0;
	padding: 5px;
	height: 50px;
}
#topleft p:hover {
	background-color: #EBF4DD;
	line-height: 150%;
	margin:0;
	padding: 5px;
	height: 50px;
}
#topleft img {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
}
#topleft h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E96E0;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
}
#topright {		/* Top Right: Gig Guide*/
	width:44%;
	float:right;
	position:relative;
	background-color:#fff;
	height: 250px;
	margin-right: 20px;
	clear: right;
	padding-bottom: 5px;
}
#topright h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #81D719;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
}
#topright ul li {
	padding: 0;
}
#bottomleft {		/* Bottom Left: News*/
	width:46%;
	float:left;
	position:relative;
	background-color:#fff;
	height: 100%;
	margin-top: 10px;
	clear: left;
}
#bottomleft p {
	text-align: justify;
}
#bottomleft h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #81D719;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
}
#features {		/* Bottom Right: Featured Musician*/
	width:100%;
	float:right;
	position:relative;
	background-color:#fff;
	height: 100%;
	margin-top: 10px;
	clear: right;
	padding: 0;
}
#features h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E96E0;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	letter-spacing: 0;
	line-height: 100%;
	border-bottom: 1px dashed #ccc;
}
#features ul li {
	margin: 1px 0 0 20px;
	padding: 2px 5px 0 10px;
	list-style: none;
	list-style-image: url('../../img/feat_bullet.gif');
	list-style-position: outside;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
}
#features li a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#features li a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#twocols {
	width: 30%;
	float:right;
	position:relative;
	text-align: left;
}
#rightcol {		/* Social Network Icons*/
	width:100%;
	float:right;
	position:relative;
	background-color:#fff;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #333;
	padding: 0;
	margin: 0;
}
#rightcol_home {		/* homepage*/
	width: 100%;
	height: 100%;
	margin:0;
	position:relative;
	background-color: #fff;
}
#maincol {
	background-color: #fff;
	float: left;
	display:inline;
	position: relative;
	width: 100%;
	height: 200px;
	margin-bottom: 5px;
}
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print {
/*hide the left column when printing*/ 
#leftcol {
	display:none;
}
/*hide the right column when printing*/ 
#rightcol {
	display:none;
}
#maincol {
	width:100%;
	float:none;
}
#twocols {
	width:100%;
	float:none;
}
}
/* Template Layout End
----------------------------------------------- */

/* Gig Guide :: Begin
----------------------------------------------- */

#gig_form {
	width: 100%;
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0;
}
#gig_form_artist {
	width: 90%;
	height: 120px;
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#gig_form p {
	width: 460px;
}
#upcoming {
	width: 100%;
	float:left;
	position: relative;
	background-color: #fff;
}
#upcoming p {
	line-height: 25px;
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 5px;
	height: 50px
}
#upcoming p:hover {
	background-color: #EBF4DD;
	line-height: 25px;
	margin:0;
	padding: 5px;
	height: 50px;
}
#upcoming img {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
#upcoming_template {
	width: 485px;
	position: relative;
	background-color: #fff;
	height: 100%;
}
#upcoming_template p {
	line-height: 50px;
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 5px;
	height: 50px
}
#upcoming_template p:hover {
	background-color: #EBF4DD;
	line-height: 50px;
	margin:0;
	padding: 5px;
	height: 50px;
}
#upcoming_template img {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
.blog_editor {
	color: #666666;
	border: 1px solid #ccc;
	font-size: 12px;
	height: 100%;
	min-height: 350px;
	width: 100%;
	padding: 0;
	margin: 5px 0 5px 0;
}
/* New gig guide table :: Begin
----------------------------------------------- */

/* CSS Document */

new_gig_guide {
	border-collapse:collapse;
	background:#fff;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	font:0.8em/145% 'Trebuchet MS', helvetica, arial, verdana;
	color: #333;
	width: 100%;
	float: left;
}
new_gig_guide td, th {
	padding:5px;
}
/* =links
----------------------------------------------- */

new_gig_guide table a {
	color:#950000;
	text-decoration:none;
}
new_gig_guide table a:link {
}
new_gig_guide table a:visited {
	font-weight:normal;
	color:#666;
	text-decoration: line-through;
}
new_gig_guide table a:hover {
	text-decoration: underline;
}
/* =head =foot
----------------------------------------------- */

new_gig_guide thead th {
	background:#1983D7;
	color:#fff
}
/* =body
----------------------------------------------- */

new_gig_guide tbody th, tbody td {
	border-bottom: solid 1px #ccc;
	max-width: 100px;
	height: 100%;
	text-align: center;
}
new_gig_guide tbody th {
	white-space: normal;
}
new_gig_guide tbody th a {
	color:#333;
}
new_gig_guide .odd {
}
new_gig_guide tbody tr:hover {
	background:#EBF4DD
}
/* New gig guide tabel :: End
----------------------------------------------- */


/* Gig Guide :: End
----------------------------------------------- */




/* Template Structure
----------------------------------------------- */

#logo {
	float: left;
	margin: 0;
	background-image: url('../../img/logo.jpg');
	background-repeat: no-repeat;
	height: 75px;
	width: 250px;
	vertical-align: top;
	cursor: pointer;
}
#signup {
	float: left;
	background-color: #fff;
	width: 100%;
	clear: left;
}
#explain {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	color: #fff;
	margin: 15px 0 3px 0;
}
#explain ul li {
	list-style-type: none;
	background: transparent;
	font-size: 12px;
	color: #000;
	margin: 0 0 0 20px;
	font-weight: bold;
}
#explain p {
	font-size: 12px;
	color: #333;
	padding: 10px;
	margin: 0;
	background-color: #BDD3EA;
}
#explain h2 {
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 40px;
	background-image: url('../../img/xplain_top.jpg');
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	color: #333;
	line-height: 33px;
	text-align: left;
}
#mysite {
	font-size: 14px;
	width: 550px;
	margin-bottom: 15px;
}
#mysite p {
	background-color: #fff;
	line-height: 35px;
	margin:0 0 0 0;
	padding: 8px 5px 5px 5px;
	height: 75px;
	border-bottom: 1px dashed #ccc;
}
#mysite img {
	float: left;
	padding-right: 15px;
}
.artist_h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #40423F;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 10px 0;
	letter-spacing: 0;
}
#left_info {
	width: 55%;
	background-color: #fff;
	margin: 0 0 15px 0;
	padding-bottom: 6px;
}
#buttons {
	margin: 2px 0 10px 0;
	background-color: transparent;
	padding: 15px 0 15px 0;
}
/* Footer Begin
----------------------------------------------- */
#footer {
	width: 100%;
	height: 200px;
	background: #1983D7;
	color: #fff;
	padding: 0px;
	margin: 0;
	font-size: 10px;
}
#firefox {
	margin: 20px 0 10px 15px;
	background-color: transparent;
	width: 88px;
	height: 31px;
	float: left;
	padding: 0;
}
#footer a {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
#footer a:visited {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
#footer a:active {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
#footer a:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
#footer h1 {
	color: #fff;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #2FA6FF;
}
#footer_1 {
	float: left;
	clear: left;
	width: 150px;
	background-color: transparent;
	position: relative;
	height: 200px;
	border-right: 1px solid #BBBBBB;
}
#footer_2 {
	float: left;
	clear: right;
	width: 250px;
	background-color: transparent;
	position: relative;
	height: 200px;
	margin: 0;
	border-right: 1px solid #BBBBBB;
}
#footer_3 {
	float: left;
	clear: right;
	width: 250px;
	background-color: transparent;
	position: relative;
	height: 200px;
	margin: 0;
}
#footer_4 {
	float: left;
	clear: right;
	width: 250px;
	background-color: transparent;
	position: relative;
	height: 200px;
	margin: 0;
	border-left: 1px solid #BBBBBB;
}
#footer #links ul {
	margin: 0;
	padding: 6px 5px 3px 20px;
	float: left;
	clear: both;
	height: 75px;
	position: relative;
}
#footer #links li a {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
#footer #links li a:active {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}
#footer #links li a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #fff;
}
/* Footer End
----------------------------------------------- */


/* Flash
----------------------------------------------- */

#flash {
	float:right;
	width:40%;
	height: 250px;
	background-color: #000;
}
/* Navigation Styles
----------------------------------------------- */
#navigation h1 {
	margin: 50px 0 0 0;
	padding: 0px 60px 2px 0;
	float: right;
	color: #fff;
	font-size: 20px;
	font-family: "Trebuchet MS";
}
#navigation h1 a:visited {
	font-family: "Helvectia Neue", Helvetica;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
#navigation h1 a:link {
	font-family: "Helvectia Neue", Helvetica;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
#navigation h1 a:hover {
	color: #fff;
	background: #ff6600;
}
#menu_wrapper {
	width: 100%;
	background-color: #000;
	margin: 0;
	padding: 0;
}
#g_menu {
	float:left;
	clear: both;
	margin: 0;
	padding-left: 0;
	line-height: 1.2em;
	list-style: none;
	background-color: #000;
	border-top: 10px solid #000;
	width: 100%;
}
#g_menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#g_menu li.search_n {
	float: right;
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
	width: 200px;
	height: 24px;
	background: transparent;
}
.text_small_n {
	width: 150px;
	border: 1px solid #ccc;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 0px 0;
	margin: 3px 0 3px 0;
	background-color: #fff;
	line-height: 100%;
}
/* Rounded nav: home, contact and help  :: Begin
----------------------------------------------- */

#g_menu li.home {
	padding: 6px 12px 6px;
	background: #fff;
	color: #000;
	border-right: 1px solid #fff;
	background-image: url('../../img/home_on.gif');
	background-repeat: no-repeat;
	background-position: top-left;
}
#g_menu li.contact_active {
	color: #14568A;
	background: #fff;
	background-image: url('../../img/contact_on.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding: 6px 12px 6px;
}
#g_menu li a.contact {
	float: left;
	margin: 0;
	padding: 6px 12px;
	text-decoration: none;
	color: #fff;
	background: #1983D7;
	font-weight: normal;
	background-image: url('../../img/contact_off.gif');
	background-repeat: no-repeat;
	background-position: right top;
	border-left: 1px solid #fff;
}
#g_menu li a.contact:hover {
	color: #14568A;
	background: #fff;
	background-image: url('../../img/contact_on.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
#g_menu li a.home_off {
	float: left;
	margin: 0;
	padding: 6px 12px;
	text-decoration: none;
	color: #fff;
	background: #1983D7;
	font-weight: normal;
	background-image: url('../../img/home_off_other.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border-left: 1px solid #fff;
	border: 0;
}
#g_menu li a.home_off:hover {
	color: #14568A;
	background: #fff;
	background-image: url('../../img/home_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#g_menu li#onoff a.help {
	background-image: url('../../img/help_off.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1983D7;
	border: 0;
}
#g_menu li#onoff a.help:hover {
	background-image: url('../../img/help_on.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color:  #000;
	border: 0;
}
/* Rounded nav: home, contact and help :: End
----------------------------------------------- */


#g_menu li a.normal {
	border-left: 1px solid #fff;
	background-color: #1983D7;
}
#g_menu li a {
	float: left;
	margin: 0;
	padding: 6px 12px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
#g_menu li a:hover {
	color: #14568A;
	background: #fff;
}
#g_menu li#onoff {
	float: right;
}
#g_menu li#onoff.on a {
	color: #ff0000;
	background: #fff;
}
#g_menu li.active {
	padding: 6px 12px 6px;
	background: #fff;
	color: #000;
	border-right: 1px solid #fff;
}
#top_menu {
	text-align: right;
	margin: 5px 0 0;
	color: #fff;
	padding: 0 20px;
	right: 0;
	position: absolute;
}
#top_menu li {
	display: inline;
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 83%;
}
#top_menu li a:visited {
	color: #fff;
	text-decoration: underline;
}
#top_menu li a:link {
	color: #fff;
	text-decoration: underline;
}
#top_menu li a:hover {
	color: #ffc;
	text-decoration: none;
	background: none;
}
#s_menu {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 5px;
	padding: 0 20px;
	list-style: none;
	border-bottom: 1px solid #336699;
}
#s_menu li {
	float: left;
	margin: 0;
	list-style: none;
	background: #fff;
	border-right: 7px solid #fff;
	font-size: 11px;
}
#s_menu li.active {
	padding: 0px 10px;
	color: #fff;
	background: #336699;
	border-bottom: 1px solid #336699;
}
#s_menu li a:visited {
	float: left;
	padding: 0px 10px;
	text-decoration: none;
	color: #333;
	background: #fff;
	border: 1px solid #336699;
	border-bottom: none;
}
#s_menu li a:link {
	float: left;
	padding: 0px 10px;
	text-decoration: none;
	color: #333;
	background: #fff;
	border: 1px solid #336699;
	border-bottom: none;
}
#s_menu li a:hover {
	text-decoration: none;
	color: #000;
	background: #A5DE39;
}
#s_menu_left {
	line-height: 1.5em;
	border-top: 1px solid #ccc;
	margin: 0 0 12px;
}
#s_menu_left li {
	display: block;
}
#s_menu_left li a {
	display: block;
	width: 200px;
	text-decoration: none;
	background: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
#s_menu_left li a.active {
	background: #fff;
}
#s_menu_left li a:hover {
	background: #fff;
}
#s_menu_left li a span {
	display: block;
	padding: 8px 12px 8px 16px;
}
#s_menu_1_left {
	line-height: 1.2em;
	margin: 0 0 12px;
}
#s_menu_1_left li {
	display: block;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #fff;
	padding: 0px 8px 8px 8px;
	font-size: 90%;
	color: #666;
}
#s_1_menu {
	float: left;
	width: 555px;
	margin: 0 0 20px;
	list-style: none;
}
#s_1_menu li {
	display: inline;
	margin: 0;
	padding: 0 0 0 0px;
	font-weight: bold;
}
#s_1_menu li a:visited {
	text-decoration: underline;
}
#s_1_menu li a:link {
	text-decoration: underline;
}
#s_1_menu li a:hover {
	color: #ff6600;
	text-decoration: none;
	background: none;
}
/* Link Styles
----------------------------------------------- */

a:link {
	color: #336699;
}
a:visited {
	color: #29c;
}
a:hover {
	text-decoration: none;
}
a:link img {
	border: none;
}
a:visited img {
	border: none;
}
a:hover img {
	border: none;
	background: transparent;
}
a.currentlink {
	background: #bef;
	text-decoration: none;
}
/* Text Styles
----------------------------------------------- */

#giga_left h2 {
	font-size: 120%;
	margin: 0 0 1em;
}
#s_menu_left_text {
	margin: 1em 0 1em;
}
#giga_left h3 {
	margin: 0 0 .5em;
}
#giga_right h2 {
	clear: both;
	font-family: "Helvectia Neue", Helvetica;
	font-size: 18px;
	color: #000;
	margin: 0;
	padding: 15px 0 15px 0;
}
#giga_right h3 {
	margin: 0 0 2em;
	color: #336699;
}
#giga_right h4 {
	font-size: 150%;
	color: #fff;
	margin: 5px;
}
#giga_full h2 {
	clear: both;
	font-size: 130%;
	margin: 0 0 1em;
	color: #000;
	padding: 2px 0 4px 0;
}
#giga_full h3 {
	font-size: 90%;
	margin: 0 0 2em;
	color: #336699;
}
#giga_full h4 {
	font-size: 90%;
	clear: both;
}
div.giga_slide {
	margin: 10px 0 10px;
	padding: 10px 12px 12px 84px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
}
#giga_right h3.giga_slide {
	margin: 0;
	padding: 2px 10px 4px;
	color: #fff;
	background: #00c000;
	border-bottom: 1px solid #000;
	font-size: 110%;
}
#giga_right h3.giga_slide a {
	color: #fff;
}
#giga_full h3.giga_slide {
	margin: 0;
	padding: 2px 10px 4px;
	color: #fff;
	background: #ff6600;
	border-bottom: 1px solid #000;
}
#timestamp {
	margin-top: 4px;
	font-size: 11px;
	color: #666;
}
#timestamp a:active {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#timestamp a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#timestamp a:link {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#timestamp img {
	margin-right: 3px;
}
.splitcol1 {
	float: left;
	width: 295px;
}
.splitcol2 {
	float: right;
	width: 295px;
}
.announcements {
	margin: 0 0 1em;
	padding: 4px 6px;
	background: #ff0000;
	color: #fff;
}
.giga_slide p {
	margin: 0 0 .75em;
}
.radio {
	padding: 0px 0px 0px 21px;
}
.hilite {
	background: #ffc;
}
.hilite_blue {
	background: #bef;
}
.hilite_yellow {
	background: #FFFF00;
}
.button_other {
	width: 109px;
	background-color: transparent;
	font-size: 11px;
	padding: 0 0 2px 0;
	line-height: 100%;
	margin: 0 0 0 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 0px;
	background-image: url(img/gg_button_blank.gif);
	height: 24px;
	cursor: pointer;
	font-weight: bold;
}
.readmore {
	color: #000;
	font-size: 11px;
	margin: -1em 0 2em 0;
	padding: .2em 0 0 21px;
	background: url(img/icons/bullet_wrench.png) no-repeat;
	background-position: 0 10px;
}
.readmore a {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	background: #ffc;
	color: #333;
}
.readmore a:hover {
	text-decoration: none;
	background: #ffc;
	color: #333;
}
.readmore a {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	background: #ffc;
	color: #333;
}
.readmore a:hover {
	text-decoration: none;
	background: #ffc;
	color: #333;
}
.right {
	float: right;
	padding: 0 0 0px 10px;
}
.smaller {
	font-size: 10px;
	margin: -1em 0 2em 0;
	line-height: normal;
}
.warningbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 41px;
	color: #000;
	background: #fff url(img/icons/mini/flag_red.gif) 21px 8px no-repeat;
	line-height: 1.7em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}
.photo {
	float: right;
	padding: 3px;
	margin-left: 1%;
	margin-right: 3%;
	margin-bottom: 2%;
	border: #ccc 1px solid;
}
.wysiwyg-field {
	border: 1px #CCC solid;
	padding: 10px 10px 5px 10px;
	background-color: #EAF2FF;
}
.textarea-wrapper {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.textarea-wrapper:hover {
	background-color: #D7E9A1;
}
.textarea-wrapper textarea {
	margin: 5px 10px 5px 10px;
	padding: 0;
	width: 250px;
	height: 100px;
	border: 1px solid #ccc;
}
.textarea-wrapper textarea#text {
	height: 180px;
}
.textarea-wrapper textarea#text_more {
	height: 100px;
}
.hidden {
	display: none;
}
.input {
	color: #333;
	margin: 5px 0 0 0;
	padding: 0;
}
.pages {
	border-right: #cccccc 0px solid;
	padding-right: 0px;
	border-top: #eeeeee 0px solid;
	padding-left: 7px;
	font-size: 10px;
	padding-bottom: 3px;
	margin: 0px;
	text-transform: uppercase;
	border-left: #cccccc 0px solid;
	padding-top: 0px;
	border-bottom: #eeeee 1px dotted;
	text-align: right;
}
.pages .pg {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0;
	padding-top: 0px;
}
.pages .pgActive {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0;
	padding-top: 0px;
	color: #ff0000;
	font-weight: bold;
}
.pages .pgEnd {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0 7px 0 0;
	padding-top: 0px;
}
.pages .pgStart {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0;
	padding-top: 0px;
}
.pages li {
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	font-size: 10px;
}
.postInfo {
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 5px;
	margin: 15px 0 0;
	padding-top: 1px;
	color: #333;
}
/*Boxes
----------------------------------------------- */

.box {
	background: #dfc;
	padding: 6px 10px;
	margin: 0 0 20px;
}
.trialbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 42px;
	color: #000;
	background: #ffc url(img/icons/mini/icon_key.gif) 12px 7px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.messagebox {
	margin: 0 0 20px;
	padding: 0;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	width: 250px;
}
.todobox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/mini/page_edit.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.tickbox {
	margin: 5px 0 20px;
	padding: 6px 10px 14px 21px;
	color: #000;
	background: #ffc;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
	line-height: 1.8em;
	font-size: 11px;
}
.navbox {
	clear: both;
	margin: 0 0 5px;
	padding-top: 5px;
	color: #000;
	line-height: 1.7em;
	font-size: 11px;
}
.box_t {
	background: #ffc;
	padding: 6px 10px;
	margin: 0 0 20px;
}
.box_nav {
	background: #336699;
	padding: 6px 10px;
	margin: 0;
}
.errorbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	background: #ffc url(img/icons/mini/flag_red.gif) 10px 6px no-repeat;
	font-weight: bold;
	border-top: 1px solid #C0C0FF;
	border-bottom: 1px solid #C0C0FF;
}
.noticebox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 12px;
	color: #000;
	font-weight: bold;
	background: #eee url(../images/saved.gif) no-repeat top right;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.pdfbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	font-weight: bold;
	background: #ffc url(../images/pdf.gif) 10px 8px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.excelbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	background: #ffc url(../images/excel.gif) 10px 8px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.accountbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	background: #ffc url(../images/account.gif) 10px 10px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.arrowrightbox {
	margin: 0;
	padding: 3px 10px 3px 28px;
	color: #000;
	background: #ffc url(img/icons/mini/arrow_right.gif) 10px 3px no-repeat;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #C0C0FF;
}
.tagbox {
	margin: 0;
	padding: 3px 10px 3px 28px;
	color: #000;
	background: #fff url(img/icons/mini/page_tag_blue.gif) 8px 3px no-repeat;
	text-transform: uppercase;
	font-size: 10px;
}
.draftbox {
	margin: 0;
	padding: 3px 10px 3px 28px;
	color: #000;
	background: #fff url(img/icons/mini/page_edit.gif) 8px 3px no-repeat;
	text-transform: uppercase;
	font-size: 10px;
}
.imagebox {
	margin: 0;
	padding: 3px 10px 3px 28px;
	color: #000;
	background: #fff url(img/icons/mini/image.gif) 8px 3px no-repeat;
	text-transform: uppercase;
	font-size: 10px;
}
.docbox {
	margin: 0;
	padding: 3px 10px 3px 28px;
	color: #000;
	background: #fff url(img/icons/mini/page_attachment.gif) 8px 3px no-repeat;
	text-transform: uppercase;
	font-size: 10px;
}
.cleanbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 15px;
	color: #000;
	background: #ffc;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.cleanbox_error {
	margin: 0 0 20px;
	padding: 6px 10px 6px 35px;
	color: #000;
	background: #eee url(img/icons/mini/flag_red.gif) 15px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.alertbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #666;
	background: #ffc url(img/icons/mini/icon_alert.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.mobilebox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/phone.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.emailbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/mini/icon_email.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.gobox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/mini/action_go.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.uploadbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	background: #ffc url(../images/upload.gif) 10px 8px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.searchbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 36px;
	color: #000;
	background: #ffc url(../images/search.gif) 10px 9px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.recordbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 41px;
	color: #000;
	background: #ffc url(img/icons/mini/page_user_light.gif) 12px 6px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.dataviewbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 41px;
	color: #000;
	background: #ffc url(../images/dataview.gif) 10px 7px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
}
.error_2box {
	margin: 0 0 20px;
	padding: 6px 10px 6px 41px;
	color: #000;
	background: #ffc url(../images/error_2box.gif) 10px 7px no-repeat;
	border-bottom: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
}
.smsbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 41px;
	color: #000;
	background: #D7E9A1;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
	width: 200px;
}
.settingsbox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/basket_remove.png) 12px 9px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
	line-height: 1.7em;
}
.profilebox {
	margin: 0 0 20px;
	padding: 6px 10px 6px 38px;
	color: #000;
	background: #ffc url(img/icons/vcard_edit.png) 12px 9px no-repeat;
	border-bottom: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
	line-height: 1.7em;
}
/* quickstats Styles
----------------------------------------------- */
.quickstats {
	margin: 0 0 20px;
	padding: 3px 0px;
	font-size: 11px;
	width: 820px;
}
#giga_inner_1 .quickstats table {
	margin: 0;
	padding: 0;
	width: 820px;
}
.quickstats table td {
	line-height: 18px;
	padding-left: 8px;
	border-bottom: 1px solid #ccc;
	background: #ffc;
}
.showquickstats {
	margin: 0 0 10px;
	padding: 8px 10px;
	background: #fff;
	border-top: 1px solid #bef;
}
/* Footer Styles
----------------------------------------------- */
#gglink {
	display: block;
	float: left;
	padding-left: 20px;
	height: 40px;
	width: 126px;
	text-indent: -13000px;
	text-decoration: none;
	background: url(img/ggsmall.gif) 20px 0 no-repeat;
}
#footerlinks {
	position: absolute;
	left: 164px;
	top: 12px;
}
/* List Styles
----------------------------------------------- */
.list_overview {
	margin: 0 1em 1em 0;
}
.list_overview li.yes {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/flag_green.gif) no-repeat;
	background-position: 0px 3px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li {
	padding: .2em 0 .3em 21px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.listheading {
	padding: .3em 0 .3em 12px;
	color: #000;
	line-height: 1.5em;
	font-weight: normal;
	background: #ff6600;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #000;
	text-transform: capitalize;
}
.list_overview li.listheading a {
	color: #fff;
}
.list_overview li.listheading a:hover {
	color: #000;
	background: none;
	text-decoration: none;
}
.list_overview li.listheading_campaign {
	padding: .3em 0 .3em 12px;
	color: #000;
	line-height: 1.5em;
	font-weight: normal;
	background: #ffc;
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-transform: capitalize;
}
.list_overview li.none {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/cross.png) no-repeat;
	background-position: 0 3px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.add {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/basket_remove.png) no-repeat;
	background-position: 0 1px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.card {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/icon_padlock.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.pdf {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/file_acrobat.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.date {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/calendar.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.up {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/arrow_up.png) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.arrow {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/arrow_right.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.empty {
	padding: .2em 0 .3em 21px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.world {
	padding: .2em 0 .1em 21px;
	background-image: url('../../img/icons/mini/main.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #000;
	line-height: 1.5em;
	font-size: 14px;
}
.list_overview li.alert {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/icon_alert.gif) no-repeat;
	background-position: 0 3px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.email {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/icon_mail.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.mobile {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/phone.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.delete {
	padding: .2em 0 .3em 21px;
	background: url(img/icons/mini/action_stop.gif) no-repeat;
	background-position: 0 2px;
	color: #000;
	line-height: 1.5em;
}
.list_overview li.inner {
	padding: .8em 0 1em 42px;
	background: #eee url(img/icons/mini/arrow_right.gif) no-repeat;
	background-position: 22px 9px;
	color: #000;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}
.list_overview li.inner_user {
	padding: .8em 0 1em 42px;
	background: #ffc url(img/icons/mini/icon_airmail.gif) no-repeat;
	background-position: 22px 9px;
	color: #000;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}
.list_overview li.inner_results {
	padding: .8em 0 1em 42px;
	background: #ffc url(img/icons/mini/icon_component.gif) no-repeat;
	background-position: 22px 9px;
	color: #000;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}
.list_overview li.whiteborder {
	padding: .2em 0 .3em 21px;
	color: #000;
	line-height: 1.5em;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
/* Artist Template :: Begin
----------------------------------------------- */

/* default styles
   -------------- */
  
#artist_wrapper {
	background:#fff;
	margin:0;
	width:1024px;
	clear: right;
}
#artist_right {
	float: right;
	clear: left;
	width: 20%;
	background: #333;
	margin: 0;
	padding: 10px;
}
/* left side
   --------- */

#artist_header {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background-position: center;
}
#artist_header h1 {
	font: 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0 0 5px 15px;
	margin: 0;
	color: #333;
	background: #FFF;
	width: 100%;
	border: 0;
}
#artist_body {
	height: 100%;
	width: 700px;
	background-color: #fff;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0 0 5px 0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#artist_body p {
	padding-top: 10px;
}
/* right side :: Newsletter Sign Up
   ---------- */
		
#artist_newsltter {
	float: right;
	width: 245px;
	max-width: 245px;
	height: 100%;
	background-color: #fff;
	font-size: 12px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#total_fans {
	float:left;
	padding:5px;
	font-size:10px;
}
#fan_club {
	float:left;
	padding:5px;
	font-size:10px;
}
#artist_newsltter p {
	line-height: 100%;
}
#google_ads {
	float: right;
	width: 245px;
	margin: 10px;
	background: #ccc;
	border-top: 1px solid #333;
}
#add_fav {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	padding: 0 0 0 35px;
	background-color: #ffffff;
	background-image:url(../../img/fav_bg.jpg);
	background-repeat:no-repeat;
}
#book_art {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	padding: 0 0 0 35px;
	background-color: #ffffff;
	background-image:url(../../img/bookings_empty.gif);
	background-repeat:no-repeat;
}
#shop_cart {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	padding: 0 0 0 35px;
	background-color: #ffffff;
	background-image:url(../../img/shopping_cart_empty.gif);
	background-repeat:no-repeat;
}
#dash_button {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 35px;
	width: 183px;
	background-color: #ffffff;
	background-image:url(../../img/dash_button.jpg);
	background-repeat:no-repeat;
}
#dash_photo {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 35px;
	width: 183px;
	background-color: #ffffff;
	background-image:url(../../img/dash_photo.jpg);
	background-repeat:no-repeat;
}
#dash_inbox {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 35px;
	width: 183px;
	background-color: #ffffff;
	background-image:url(../../img/dash_inbox.jpg);
	background-repeat:no-repeat;
}
#dash_events {
	cursor:pointer;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 35px;
	width: 183px;
	background-color: #ffffff;
	background-image:url(../../img/dash_events.jpg);
	background-repeat:no-repeat;
}
/* Menu :: Begin
   ---------- */

#artist_menu {
	font-size: 100%;
	height: 35px;
	margin: 0;
}
#artist_nav_top {
	float: left;
	width: 100%;
	margin: 5px 0 15px 10px;
	padding: 0px 20px;
	list-style: none;
	border-bottom: 3px solid #BBB;
}
#artist_nav_top li {
	float: left;
	margin: 0px;
	list-style: none;
	background: #37699C;
	border-right: 1px solid #fff;
	font-size: 13px;
}
#artist_nav_top li.active {
	padding: 0px 10px;
	color: #fff;
	background: #BBB;
}
#artist_nav_top li.inactive {
	padding: 0px 10px;
	color: #fff;
	background: #EEE;
	color: #777;
}
#artist_nav_top li a:visited {
	float: left;
	padding: 2px 12px;
	text-decoration: none;
	color: #fff;
	background: #37699C;
}
#artist_nav_top li a:link {
	float: left;
	padding: 2px 12px;
	text-decoration: none;
	color: #fff;
	background: #37699C;
}
#artist_nav_top li a:hover {
	text-decoration: none;
	color: #fff;
	background: #3E96E0;
}
/* Menu :: End
   ---------- */

/* Artist Music :: Begin
   ---------- */

#mp3 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#mp3 p {
	line-height: 25px;
	border-bottom: 1px solid #ccc;
	margin: 2px;
	padding: 5px 5px 5px 5px;
	height: 25px;
}
#mp3 img {
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}
#album {
	margin: 0;
	width: 475px;
	height: 100px;
	padding: 0 5px 5px 5px;
	background-color: #fff;
}
#album img {
	float: left;
	padding-right: 5px;
}
#album h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3E96E0;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	letter-spacing: 100%;
}
#video {
	width: 485px;
	height: 100%;
	max-width: 485px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
/* Artist Music :: End
   ---------- */


/* footer
   ------ */

#artist_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	text-align: center;
	color: #fff;
	padding: 1px 0;
	height: 1px;
}
#artist_footer a {
	color: #fff;
	background: inherit;
}
/* Classes :: Begin
   ---------- */

.newsletter {
	color: #666666;
	border: 1px solid #ccc;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 2px 0 1px 3px;
	max-width: 235px;
	margin: 0;
}
.news_dropdown {
	color: #666666;
	border: 1px solid #ccc;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0;
	max-width: 235px;
}
.newsletter_heading {
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 10px 0 3px 10px;
	margin: 0;
}
.post_heading {
	background-image: 	url('../../img/post.jpg');
	background-repeat: repeat-x;
	background-color: #F3452B;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 10px 0 3px 10px;
	margin: 0;
}
#post a {
	text-decoration: none;
	color: #666666;
}
#post a:visited {
	text-decoration: none;
	color: #336699;
}
#post a:active {
	text-decoration: none;
}
#post a:hover {
	text-decoration: underline;
	color: #666666;
	background-color: #fff;
}
#post ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 5px 10px 0;
}
#post li {
	background-image: url('../../img/post.gif');
	background-repeat: no-repeat;
	background-position: 5px .4em;
	padding: 0 0 0 2em;
	font-size: 11px;
}
/* Gallery :: Begin
   ---------- */

#wrap {
	width:485px;
	margin:0 auto;
	text-align: center;
}
#wrap ul li {
	margin: 0;
	list-style: none;
	float: left;
}
#wrap a img {
	border: 1px solid #cccccc;
	margin: 5px;
}
#wrap a:link img,  #wrap a:visited img {
	border: 1px solid #cccccc;
	margin: 5px;
}
#wrap a:focus img,  #wrap a:hover img,  #wrap a:active img {
	border: 1px solid #000;
	margin: 5px;
}
.artist_h2 {
	width: 485px;
	font-size: 16px;
	color: #333333;
	padding: 5px 0 5px 0;
	margin: 0;
}
#main_pic_land {
	border: 1px solid #DDD;
	padding: 7px;
	margin:0px 20px 10px 0px;
}
#main_pic span {
	color: #0066FF;
	margin: 0 0 0 5px;
}
#main_pic_square {
	width: 400px;
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
#stats_left {
	width: 200px;
	height: 50px;
	text-align: left;
	margin:5px 0 5px 0;
	padding: 2px 0 0 0;
	float: left;
	background: #EEEEEE;
}
#stats_left li {
	height: 20px;
	text-align: left;
	margin: 0 0 0 5px;
	padding: 2px 0 2px 0;
	color: #333;
	font-weight: bold;
}
#stats_right {
	width: 200px;
	height: 50px;
	text-align: right;
	margin:5px 0 5px 0;
	padding: 2px 0 0 0;
	float: right;
	background: #EEEEEE;
}
#stats_right li {
	height: 20px;
	text-align: right;
	margin: 0 110px 0 0;
	padding: 2px 0 2px 0;
	color: #333;
	font-weight: bold;
}
#thumbs {
	width: 376px;
	margin: 10px auto;
	height: 100%;
	background:#fff;
	text-align: center;
	position: relative;
}
#thumbs li {
	width:100px;
	height: 100px;
	border:solid #CCC;
	border-width: 1px;
	background:#FFF;
	padding:5px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
#fan_pic {
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	margin: 0px 5px 3px 5px;
	padding: 3px;
	width:40px;
	height:40px;
}
#artist_gallary_pic {
	border: 1px solid #ccc;
	margin: 2px;
	padding:  4px 4px 4px 4px;
	background:#FAFAFA;
}
#profile_pic {
	border: 2px solid #ccc;
	position: relative;
	text-align: center;
	padding: 3px;
	margin: 5px 5px 10px 0;
	height: 175px;
	width: 175px;
}
#album_pic {
	border: 4px solid #ccc;
	position: relative;
	text-align: center;
	padding: 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.track_table {
	margin: 0 auto;
}
#fanlist {
	border:none;
}
.member_layer a:hover {
	color: #000;
	background: #DDD;
	text-decoration: none;
}
/* Social Network :: Begin
   ---------- */
  
#sn_icons {
	width: 100%;
	margin: 10px auto;
	height: 100%;
	background: #fff;
	text-align: left;
	position: relative;
}
#sn_icons li {
	width:90px;
	height: 120px;
	border:solid #CCC;
	border-width: 1px;
	background:#FFF;
	padding:5px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
#sn_icons img {
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 3px;
}
#sn_dashboard {						 /*--- Social Network :: Dashboard   ---- */
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#sn_left {
	width:220px;
	float:left;
	background-color: #fff;
	border-right: 1px solid #A5DE39;
	margin: 0 10px 0 0;
}
/* Social Network :: End
   ---------- */
 
#new_right {
	float: right;
	width: 185px;
	margin: 10px 0 0 15px;
	text-align: left;
	background: #BDD3EA;
}
#new_right h1 {
	font-size: 16px;
	font-weight: bold;
	color: #1983D7;
	text-align: right;
	border-bottom: none;
	margin: 0 0 8px 0;
	height: 30px;
	border-bottom: 1px solid #1983D7;
	padding: 0 0px 0 0;
	line-height: 30px;
	width: 185px;
	background: #fff;
}
#new_right h2 {
	border-bottom: 1px solid #999;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin: 3px 0 8px 0;
	height: 30px;
	border-bottom: 1px solid #1983D7;
	padding: 0 0px 0 0;
	line-height: 30px;
	color: #1983D7;
	width: 185px;
}
#new_right h3 {
	border-bottom: 1px solid #999;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 3px 0 8px 0;
	height: 30px;
	border-bottom: 1px solid #1983D7;
	padding: 0 0px 0 0;
	line-height: 30px;
	color: #1983D7;
	width: 185px;
	background: #fff;
}
#new_right p {
	background: transparent;
	text-align: left;
	padding: 0 0 0 5px;
}
#dashboard_left {
	width:220px;
	float:left;
}
#dashboard_left h1 {
	font-size: 16px;
	font-weight: bold;
	color: #99BF23;
	text-align: left;
	border-bottom: none;
	margin: 0 0 5px 0;
	height: 30px;
	border-bottom: 1px solid #BFDF5E;
	padding: 0 0 0 5px;
	width: 205px;
	line-height: 30px;
}
#dashboard_left p {
	background: #CDE985;
	text-align: left;
	width: 200px;
}
/* Team :: Start
   ---------- */
   
#mini_logos ul li {
	display: inline;
	border: 0;
}
.team_pic {
	float: left;
	margin: 5px 10px 5px 0;
}
/* Team :: End
   ---------- */
   
 /* CSS Tooltip start
   ---------- */
   
 .tooltipheader {
	padding:3px 3px 3px 3px;
	font-weight:bold;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom: 0;
	background:#fff;
	color:#000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 204px;
}
.tooltipbody {
	padding:5px;
	border:1px solid #999;
	background: url(../../../images/gg_tooltip.gif) repeat-x #9fccee;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	width: 200px;
}
.dvhdr1 {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:150px;
}
.dvbdy1 {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:150px;
}
/* CSS Tooltip End
   ---------- */
   
#recent_news {
	float: left;
	width: 250px;
	padding: 5px;
	margin: 0;
	background: #fff;
	min-height: 280px;
}
#recent_news h1 {
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #1983D7;
	border: 0;
	margin: 12px 0 0 0;
}
#recent_news p {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #999;
	padding: 7px 0 0 0;
	margin: 0;
}
/* Search */

#search_bar {
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	text-align: right;
	height: 30px;
	width: 250px;
	clear: both;
}
.search_img img {
	margin: 0;
	background: transparent;
}
/* Homepage redesign
   ---------- */  
   
#wrapper_n {
	margin: 0 0 0 22px;
	width: 822px;
	height: 610px;
	background: #fff;
}
#leftcolumn_n {
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 610px;
	width: 600px;
	float: left;
}
#rightcolumn_n {
	float: right;
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 610px;
	width: 222px;
	display: inline;
	position: relative;
}
#intro_n {
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 142px;
	width: 600px;
	float: left;
}
#intro_n h1 {
	color: #000;
	background: #fff;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	border: 0;
	font-weight: lighter;
	line-height: 24px;
}
#intro_n p {
	color: #666;
	background: #fff;
	margin: 3px 10px 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.blue_n {
	color: #1983d7;
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	border: 0;
	font-weight: lighter;
}
.bottom_n {
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	margin: 0;
	padding: 0;
}
.top_n {
	margin: 17px 0 0 0;
}
#middle_n {
	color: #333;
	background: #d7ed9d;
	border: 4px solid #e7f4c5;
	margin: 10px;
	padding: 0;
	height: 280px;
	width: 270px;
	float: left;
}
#middle_r {
	color: #333;
	background: #b5d7f2;
	border: 4px solid #d3e7f7;
	margin: 10px;
	padding: 0;
	height: 280px;
	width: 270px;
	float: right;
}
#feat_artist_n {
	width: 600px; /* the width of the thumbnail block */
	text-align: center;
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 210px;
}
#feat_artist_n ul li {
	margin: 5px 0 0 5px;
	padding: 0;
	list-style: none;
	float: left;
	overflow: auto;
	width: 130px;
}
#feat_artist_n a img {
	border: 1px solid #333;
	margin: 3px;
}
#feat_artist_n a:link img, #feat_artist_n a:visited img {
	border: 1px solid #333;
	margin: 3px;
}
#feat_artist_n a:focus img, #feat_artist_n a:hover img, #feat_artist_n a:active img {
	border: 1px solid #B5D7F2;
	margin: 3px;
}
#login_panel_n {
	float: right;
	color: #333;
	margin: 0;
	padding: 0;
	height: 142px;
	width: 220px;
	display: inline;
	position: relative;
	border: 1px solid #bfcbd5;
	background: #E1EFFA;
}
.icons_n {
	margin: 0;
	padding: 0;
	float: left;
}
#login_panel_n ul {
	color: #333;
	margin: 9px 0 0 45px;
	padding: 0;
	line-height: 24px;
}
#login_panel_n ul li {
	color: #333;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
strong {
	font-weight: bold;
}
#gig_guide_n {		/* Gig Guide*/
	margin: 1 0 0 11px;
	padding: 0;
	position: relative;
	width:268px;
	background-color:transparent;
	height: 195px;
	float:left;
}
#gig_guide_n p {
	line-height: 150%;
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 5px;
	height: 50px
}
#gig_guide_n p.lastgig {
	line-height: 25px;
	border:0;
	margin: 0;
	padding: 5px;
	height: 50px;
}
#gig_guide_n p:hover {
	background-color: #D3E7F7;
	line-height: 150%;
	margin:0;
	padding: 5px;
	height: 50px;
}
#gig_guide_n img {
	float: left;
	padding-right: 0px;
	margin-right: 5px;
	border: 1px solid #1983D7;
}
#tag_cloud_n {		/* Tag Cloud*/
	margin: 1px 0 0 0px;
	padding: 4px;
	position: relative;
	width:268px;
	background-color: transparent;
	height: 195px;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

.tag_title {
	font-size:16px;
	font-weight: lighter;
	color: #1983d7;
	padding: 5px;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

#tag_cloud_n a {
	text-decoration: none;
}
#tag_cloud_n a:hover {
	background-color: #fff;
	border-bottom: 1px solid #336699;
}
.mp3_sales_n {
	padding: 15px 30px 0 0;
	margin: 0 13px 0 0;
	float: right;
}
#five_steps {
	background: url(../../img/5_steps_n.png) no-repeat #fff;
	height: 438px;
	display: inline;
	position: relative;
	float: right;
	width: 222px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #bfcbd5;
}
#five_steps h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	margin: 0;
	padding: 0 0 0 45px;
	color: #1983d7;
}
#five_steps h2 {
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0 15px;
	color: #fff;
	background: transparent;
}
#five_steps p {
	font-size: 11px;
	line-height: 12px;
	color: #000;
	margin: 0 0 0 45px;
	padding: 0;
	width: 170px;
	text-align: left;
}
#step_heading {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 222px;
	background: transparent;
}
#step_1 {
	margin: 0;
	padding: 0;
	height: 82px;
	background: transparent;
}
#step_2 {
	margin: 0 0 0 0;
	padding: 0;
	height: 82px;
	background: transparent;
}
#step_3 {
	margin: 0 0 0 0;
	padding: 0;
	height: 82px;
	background: transparent;
}
#step_4 {
	margin: 0 0 0 0;
	padding: 0;
	height: 82px;
	background: transparent;
}
#step_5 {
	margin: 0 0 0 0;
	padding: 0;
	height: 82px;
	background: transparent;
}
/* Homepage redesign
   ---------- */ 


/* Scroll Area*/	
 .scrollArea {
	width: 550px;
	height: 400px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #6699CC;
	border-width: 1px;
	border-style: solid;
	float: left;
	overflow: auto;
}
/* Top 10
   ---------- */  
.topten {
	margin: 0px 20px 0px 20px;
	padding: 20px;
	border: 2px solid #bfcbd5;
}
.topten_artist a {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	margin: 0;
	padding: 0 0 0 5px;
	color: #1983d7;
	text-decoration: none;
}
.topten_track {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	margin: 0;
	padding: 0 0 0 5px;
	color: #777;
}
.topten_heading {
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 5px;
	color: #1983d7;
}
/* Top 10
   ---------- */
   
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 660px;
	height:180px;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
	float:left;
}
/* you may want to setup some decorations to active the item */ 
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}