﻿/* COLORS:
link light green 8da13f, darker link 7b8d37
pale light green #EEF0E6
pale green bg categories #f8f7f1
dark green category links #67762E
*/

body {
    background: #EDEEE8 url(../images/body-bg.jpg) repeat-x top left;
    font-family: Verdana,sans-serif;
    
}
#doc2 {background: #fff;}

#header                     {background: #fff url(../images/bckgrnd.gif) repeat-x; height: 100px;}
#header #Logo               {padding: 8px 0 0 8px;}
#header .menuTop            {padding: 8px 8px; position: absolute; top: 0; right: 0;}
#header .menuTop ul li      {margin: 0; padding: 2px 3px; display: inline;}
#header .menuTop a          {text-decoration: underline; color: #000; font-size: 12px;}

#mainContent {padding: 38px 30px 40px 40px;}
#hd {position: relative; height: 100px; background: #fff; color: #999; border-bottom: 1px solid #999;}



/* home page */

table.planOptions {
	color: #fff;
	font-family: helvetica, arial, sans-serif;
}
table.planOptions td {
	padding: 6px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
}
table.planOptions td.num {
	padding: 4px;
	background: #638424;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
table.planOptions td.num span {
	font-size: 12px;
}
table.planOptions td.headerrow {
    padding: 12px 4px;
	background: #fff;
	color: #000;
	font-size: 16px;
}
table.planOptions td.headerrow2 {
    padding: 8px 4px;
	background: #fff;
	font-size: 15px;
}
table.planOptions tr.rowsetting {
	background: #78a327;
}
table.planOptions tr.rowsetting td {
	border-bottom: 1px solid #fff;
}
table.planOptions tr.rowsetting td a 
{
    color: #fff;
}


/* --------------------------------------------------- paragraphs */

p {
    margin: 1em 0;
    line-height: 1.5em;
    /*font-family: georgia, times, "times new roman";*/
}
p.small {
    font-size: 11px;
}   



/* --------------------------------------------------- admin */


#hdrAdmin {
    padding: 6px;
    margin: 0;
    background: #000; 
    color: #eee;
    font-size: 11px;
    float: none;
    height: 40px;
}
div.HeaderAdminMain {
    padding-top: 7px;
    float: left;
}
div.HeaderAdminLinks {
    float: right;
}
div.HeaderAdminLinks ul {
    display: inline;
}
div.HeaderAdminLinks ul li {
    padding: 0 10px 0 0;
    margin: 0;
    display: inline;
    list-style: none;
    text-decoration: none;
}
div.HeaderAdminLinks a {
    color: #fff;
}
h3.loggedInAs {
    padding: 4px 0 4px 10px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #ddd;
    font-family: Verdana;
}
#mainContentAdmin {
    padding: 0 30px 40px 40px;
}
#mainContentAdmin ol {padding-left: 3em;}
#mainContentAdmin ol li {margin: 0; padding: 0; font-size: 22px; color: #999; font-weight: bold;}
#mainContentAdmin ol li p {font-size: 14px; color: #333; font-weight: bold;}
#mainContentAdmin ol li p span.small {font-size: 12px; font-weight: normal;}

div.page_header {
    background: #eee;
    margin: 0 0 30px 0;
    padding: 8px 0 8px 20px;
}
h1.index {
    font-size: 16px;
    font-weight: bold;
    margin: 6px 0;
    padding: 0;
    font-family: Verdana;
}
div.adminSidebar {
    margin: 0;
    padding: 0;
    background: #F8F8F3;
    border-left: 1px solid #ddd;
}
div#ArtistSidebar                   {margin: 20px 0 0 0;}
div#ArtistSidebar ul                {margin: 0; padding: 12px 12px 6px 0; list-style: none;}
div#ArtistSidebar ul li             {padding: 0 0 2px 0; display: block; list-style: none;}
div#ArtistSidebar li a              {font-size: 12px; font-weight: bold; text-decoration: underline; color: #8da13f; border: none;}
div#ArtistSidebar ul li a {
    color: #738333;
}
div#ArtistSidebar ul li p {
    padding: 0;
    margin: 0;
    background: #EEF0E6;
    border-top: 1px solid #aaa;
    font-weight: bold;
}
div#ArtistSidebar ul li.adminRedLink {
    margin-bottom: 15px;
}
div#ArtistSidebar ul li.adminRedLink a {
    color: Red;
}
div#ArtistSidebar div.upgradePlan {
    margin: 0 8px 8px 8px;
    padding: 4px;
    text-align: center;
    background: #fff;
    border: 3px solid #000;
    font-size: 13px;
    font-family: helvetica, arial, sans-serif;
}
div#ArtistSidebar div.upgradePlan p {
    margin: 4px 0;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
}
div#ArtistSidebar div.upgradePlan p span.accent {
    background: yellow;
}
div.MessagesLinks {
    float: right;
    width: 150px;
}


/* --------------------------------------------------- end admin */



#ft {color: #999;}
div.tagLine {position: absolute; top: 40px; left: 30%; color: #999;}



/* ------------------------------------------------------- headers */

h1 {margin: 0 0 1em 0; font-size: 22px;font-family: helvetica, arial, sans-serif;
}

h2 {margin: 2px 0 8px 0; font-size: 130%; font-weight: bold;font-family: helvetica, arial, sans-serif;
}
h3 {margin: 1em 0 1.5em 0; font-size: 175%;font-family: helvetica, arial, sans-serif;
}
h4 {margin: .5em 0 .5em 0; font-size: 14px; font-weight: bold;font-family: helvetica, arial, sans-serif;
}
h5.plans {
    margin: 0 0 .5em 0;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    background: #FFFEEB;
}

div.tagLine h2 {font-style: italic; font-size: 18px; font-weight: bold;}



/* ------------------------------------------------------------- MISC */

.buttonsubmit {padding: 4px;}


#ft {text-align: center; margin: 0 auto; padding: 2px 0 2px 0;}

.highlight {
    background: Yellow;
}


strong {font-weight: bold;}
ul li {margin-left: 20px; list-style-type: disc;}

a {color: #8da13f;}
a.highlightRed {color: Red;}

ol.register {padding-left: 3em;}
ol.register li {margin: 0; padding: 2px 0 2px 0; font-size: 28px; color: #999; font-weight: bold;}
ol.register li p {font-size: 13px; color: #333; font-weight: normal;}

ul.aboutFeatures li {padding: 2px 0 6px 0; line-height: 1.5em;}

ul.CategoryLinksall    {margin: 0; padding: 6px 0 0 8px; list-style: none;}
ul.CategoryLinksall li {padding: 0 0 0 10px; margin: 0; list-style: none; background: url(../images/rt-arrow.gif) no-repeat center left; line-height: 1.5em;}
ul.CategoryLinksall li a {color: #67762E; text-decoration: none;}
ul.CategoryLinksall li a:hover {text-decoration: underline;}

ul.CategoryLinks    {margin: 0 16px 0px 0px; padding: 0px 0 0 8px; list-style: none; float: left;}
ul.CategoryLinks li {padding: 0 0 0 10px; margin: 0; list-style: none; background: url(../images/rt-arrow.gif) no-repeat center left; line-height: 1.5em;}
ul.CategoryLinks li a {color: #67762E; text-decoration: none;}
ul.CategoryLinks li a:hover {text-decoration: underline;}

ul.CategoryLinks2    {margin: 0 0 0px 0px; padding: 0px 0 0 6px; list-style: none; float: left;}
ul.CategoryLinks2 li {padding: 0 0 0 10px; margin: 0; list-style: none; background: url(../images/rt-arrow.gif) no-repeat center left; line-height: 1.5em;}
ul.CategoryLinks2 li a {color: #67762E; text-decoration: none;}
ul.CategoryLinks2 li a:hover {text-decoration: underline;}

div.alphaList {margin: 0 6px; padding: 15px 0 0 0; font-size: 13px; font-weight: bold; clear: both;}
div.alphaList a {text-decoration: none;}
div.alphaList p {margin: 0 0 4px 0; padding: 0; font-size: 11px; color: #666;}

span.artistFocus {margin-left: 4px; padding-left: 6px; font-size: 14px; font-style: italic; border-left: 3px solid #ccc;}

div.goBack          {margin: 0 16px 8px 0; text-align: right; font-weight: bold;}

div.searchBox       {margin: 8px 0; text-align: right; float: right; font-size: 12px;}

span#LabelCategory  {font-size: 16px; font-weight: bold;}

RadEContent, .RadEContentBordered {background-color: #fff;}

div#artMeduims ul li {background: none;}

.checkboxcss label {padding: 0px 10px 0 2px; margin: 0; font-weight: normal; font-size: 12px;}	


#mainContent ol {padding-left: 3em;}
#mainContent ol li {margin: 0; padding: 0; font-size: 22px; color: #999; font-weight: bold;}
#mainContent ol li p {font-size: 14px; color: #333; font-weight: bold;}


#mainContent ol.regularList li {
    font-size: 1em;
    font-weight: normal;
    color: #000;
}

div.helpBox            {padding: 6px; margin: 0; background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; float: right; width: 180px; font-size: 11px;}

.hint {
font-size:12px;
color: #555;
}

div.pagingSect {width: 200px; float: right; clear: both; padding: 3px; margin: 8px 0 8px 0; background: #f5f5f5; border: 1px solid #ddd; text-align: center;}
div.pagingSect a {font-weight: bold;}

.errorMsg                           {color: Red; font-weight: bold;}

.ButtonStyle                        {padding: 4px; background: #EEF0E6; color: #000;}

.artistSidebar                      {margin-top: 35px;}

div#sideBar                         {margin: 35px 20px 0 0; padding: 6px 10px 14px 10px; width: 200px; background: #f8f7f1; border: 1px solid #ccc;}
div#sideBar ul                      {margin: 0; padding: 0;}
div#sideBar ul li                   {padding: 2px 0 6px 0;}



div.yui-b ul.artistMenu             {margin: 0; padding: 0 12px 12px 0;}
div.yui-b ul.artistMenu li          {margin: 0; padding: 6px; display: block; background: #eee; border-bottom: 1px solid #fff;}
div.yui-b ul.artistMenu a           {margin: 0; padding: 12px; font-size: 0.9em; font-weight: bold;	text-decoration: none; color: #333; border: none;}

div.tourshot {
    padding: 0 0 30px 0;
}
div.tourshot img {
    border: 4px solid #ddd;
}


/* ----------------------------------------- gallery page */

.item {
    float: left;
    padding: 12px 3px 32px 3px;
    margin: 4px 10px 4px 0;
    width: 100px;
    height: 150px;
    font-size: 13px;
    text-align: center;
    overflow: visible;
    border: 1px solid #ccc;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    background: #fff;
}
.item a {
	text-align: center;
}
.item:hover {
    /*background: #000 !important;
    color: #fff;*/
}
.item:hover a {
}
.item p {
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.1em;
	font-size: 11px;
	text-align: center;
}
span.hyperLink a {
	line-height: 1.2em;
	font-size: 12px;
	text-align: center;
	color: #333;
}
span.hyperLink a:visited {
    color: #aaa;
}
.RadGridTable {
	margin: 0;
	padding: 0;
	width: 610px;
	border: none;
}
.RadGridTable td {
    vertical-align: bottom;
    border: none;
}
.masterTable {
	background: #fff;
	border: none;
}
.item img {
	border: none;
	/*width: 80px;*/
}


/* ----------------------------------------- navigation */                 
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: #8da13f url(../images/indentbg.jpg) center center repeat-x;
	width: 100%;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav ul li a {
	float: left;
	display: block;

	line-height: 1.3em;
	/*padding: .8em .5em .8em .5em;*/
	margin: 0;
	text-decoration: none;
	color: #fff;
	border: none;
	/*background: #999 url(../img/1206/nav-bg.gif) no-repeat bottom left;*/
	background: #8da13f url(../images/indentbg.jpg) center center repeat-x;
	

    padding: 11px 18px;

    font-family: Trebuchet MS, Verdana, MS Sans Serif;
    font-weight: bold;
    border-right: 1px solid #fff; /*dark purple divider between menu items*/
	
	}
#nav ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #e0e0d5;
	}
#nav li a:hover {
	/*background: url(../img/bitstream/tab-hover.gif) repeat-x bottom left;*/
	background: #8A8A69;
	}
#nav li a.active {
	color: #7b828c;
	background: #30353b url(../img/bitstream/tab-on-noise.gif) repeat-x bottom left;
	}
#nav ul li a:hover strong {	
	color: #fff;
	}
#nav ul li a.active strong {
	color: #fff;
	}
 
div#ads                             {margin: 52px 0 0 12px; padding: 0; width: 700px; clear: both; text-align: center;}


/* --------------------------------------------- Home page styles */

div.ImagesHome                      {margin: 10px 0 20px 0; width: 580px;}
div.ItemImages                      {margin: 1px 1px; padding: 2px 6px; text-align: center; vertical-align: bottom;}
div.ItemImages p                    {margin: 3px 0 0 0; padding: 0; font-size: 11px; line-height: 1.25em;}
div.ItemImages p a                  {font-size: 11px;}
div.ItemImages img                  {border: 1px solid #ddd; padding: 3px; background: #fff;}


/* ------------------------------------------- Tables */


table.PublicTable                   {padding: 2px 0 6px 0; background: #FFFBD6; border: 1px solid #ddd; text-align: left;}
table.PublicTable td                {padding: 4px 0 6px 4px; margin: 0; vertical-align: top; border: none; text-align: left; color: #666;}
table.PublicTable td.FormLabel      {padding-right: 4px; font-weight: bold; text-align: right;}

table.FormTable                     {}
table.FormTable td                  {padding: 2px 0 6px 0; margin: 0; border: none; text-align: left; color: #666;}
table.FormTable td.FormLabel        {padding-right: 8px; font-size: 12px; font-weight: bold; text-align: right; vertical-align: top;}

table.ImagesGrid                    {margin-top: 12px;}
table.ImagesGrid th                 {font-weight: bold;}
table.ImagesGrid td                 {padding: 4px;}