#container{
background-color:#ffffff;
/*padding-bottom:20px;*/
}
#container {
/*display: table;
width: 100%;
height: 100%;
*/
}
#container > div {
/*display: table-row;
height: 0;*/
}
#container > div.fill {
/*height: auto;*/
}
input[type=color]{
width:60px;
height:60px;

}
/******************************************************************
* 
* 
* 
* NAV (MENU SECTION FOLLOWS
* 
* 
* 
* ***************************************************************/
nav {
/*margin-left:auto;*/ /*THIS CENTERED THE MENU IN THE ADMIN MENU NEEDED HERE MAYBE?*/
/*margin-right:auto;*//*THIS CENTERED THE MENU IN THE ADMIN MENU NEEDED HERE MAYBE?*/
/*font-size: 9px;*/
background-color: #fff;
border-top: 1px solid #ddd;
border-right: 0px solid transparent;
border-left: 0px solid transparent;
border-bottom: 2px groove #bbbbbb;
/*border-radius: 4px;*/
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
color: #888;
line-height:100%;/*restore line-height*/
display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+44,adadad+100&0+55,0.65+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRhZGFkIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 44%, rgba(34, 34, 34, 0) 55%, rgba(173, 173, 173, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0, 0, 0, 0)), color-stop(55%, rgba(34, 34, 34, 0)), color-stop(100%, rgba(173, 173, 173, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 44%, rgba(34, 34, 34, 0) 55%, rgba(173, 173, 173, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 44%, rgba(34, 34, 34, 0) 55%, rgba(173, 173, 173, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 44%, rgba(34, 34, 34, 0) 55%, rgba(173, 173, 173, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(34, 34, 34, 0) 55%, rgba(173, 173, 173, 0.65) 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6adadad', GradientType=0);
/* IE6-8 */
overflow: hidden;
width: 100%;
}
nav ul {
font-family:"Tahoma",sans-serif;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
font-weight:bold;
font-size:12px;
}
nav ul li {
display: inline-block;
/*display: inline; more compatible with IE6*/
list-style-type: none;
text-align: left;
border-right:  3px groove #ccc;
/*border of menu*/
line-height: 20px;
/*this will heighten the left dummy border*/
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
nav > ul > li > a > .caret {
border-top: 4px solid #aaa;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
display: inline-block;
height: 0;
width: 0;
vertical-align: middle;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}
nav > ul > li > a {
color: #333;/*main menu font color*/
display: block;
padding: 0 24px;
text-decoration: none;
line-height: 20px;
/*this will heighten the menu*/
padding: 0 50px;
/* width of menu items*/
}
nav > ul > li:hover {
/*this controls what happens when you hover over the main menu items*/
}
nav > ul > li:hover > a {
/*color: rgb( 255, 255, 255 );*/
color:#34506C;/*font hover color - subtle #445?? is good*/
/*#34506C matches the color of the logo*/
}
nav > ul > li:hover > a > .caret {
/*border-top-color: rgb( 255, 255, 255 );*/
}
/****************END VISIBLE MENU****************************/
nav > ul > li > div {
/*background-color: rgb( 40, 44, 47 );*/
background-color: #FFF;
border-top: 0;
/*border-radius: 0 0 4px 4px;*/
/* box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);*/
display: none;
margin: 0;
/*space between sub menu drop down and visible menu keep it at 0px*/
opacity: 0;
position: absolute;
width: 190px;
border: 1px solid #333; /*border around drop menu*/
border-right:  0px solid transparent;
visibility: hidden;
z-index: 100;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
nav > ul > li:hover > div {
display: block;
/*IF THIS IS DISABLED THE MENU DISAPPEARS ENTIRELY*/
opacity: 1;
visibility: visible;
}
nav > ul > li > div ul > li {
display: block;
}
nav > ul > li > div ul > li > a {
color: #fff;
display: block;
/*padding: 12px 24px;*/
padding: 4px 4px 4px 12px;
/*padding of text*/
/*padding for sub menu text*/
text-decoration: none;
color: #333;
/*font color of sub menu*/
font-size: 0.9em;
/*font size of sub menu*/
}
nav > ul > li > div ul > li:hover > a {
/*background-color: rgba( 255, 255, 255, 0.1);*/
color: #FFF;
background-color: #CCCCCC;
}
/*************************************************
 * 
 * 
 * 
 * 
 * 
 * 
 *  END NAV CSS
 * 
 * 
 * 
 * 
 * 
 * *************************************************/
h2 {
font-size: 16px;
}
#redirect h2{
font-size:16px;
padding:0px;
color:#fff;
background-color:green;
}
#redirecterror h2{
font-size:16px;
padding:0px;
color:#fff;
background-color:#F00;
}
IMG.CenterImage {
display: block;
padding: 24px 0px;
margin-left: auto;
margin-right: auto
}
IMG.IndexFooterImage {
display: block;
margin-left: auto;
margin-right: auto;
}
#page_header_logo {
background-color: #FFFFFF;
}

.bottom_image {
background-color: #FFFFFF;
}
.welcome {
padding: 20px;
}
.last_edit{
color: #ccc;
font-size: 16px;
}
.last_edit h2 {
font-size: 16px;
color: #96A6A6;
}
table.artistlist tr td {

color: #fff;
/*text-align:center;*/
background-color: #fff;
padding: 30px 30px;
}
.contentforms {
width: 90%;
background-color: red;
font-size: 10px;
}
.about_page_text {
background-color: #fff;
padding: 0px 30px 0px 30px;
}
table.editartistform{
margin-left:auto; 
margin-right:auto;
width:90%;
font-size:16px;
border-collapse:collapse;
border:1px solid #999;
}
.editartistform tr td {
width: 500px;
text-align:center;
background-color: #eee;
border:1px solid #999;
padding:10px 20px;
}
.editartistform p {
font-weight: bold;
/*text-transform: uppercase;*/
}
.editartistform input {
/*text-align:center;*/
font-size:.9em;
}
.imagedetails{
text-decoration:none;
color:#aaa;
font-weight: 100;
font-size:0.9em;
}

.bluediva{
font-size: 2.6em;
color: #7F7FB1;
}
table.tlist {
width:96%; 
margin-left:2%; 
margin-right:2%;
text-decoration: underline;
font-size: 9pt;
text-align:center;
} 

.tlist td{
line-height:105%;/*restore line-height*/
}
IMG.tlist {
/*text-align:center;*/
padding: 20px 10px;
}

a.tlist,
a.tlist:link,
a.tlist:visited,
a.tlist:hover,
a.tlist:focus,
a.tlist:active {
color: black;
}
table.artisttext{
width:80%; 
margin-left:10%; 
margin-right:10%;
margin-top:20px;/*space between text and green header*/
}
.artisttext td{

}
 table.center {
margin-left:auto; 
margin-right:auto;
}
table.center2 {
width:80%; 
margin-left:10%; 
margin-right:10%;
}
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
}
.myButton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}

.myButton:active {
position:relative;
top:1px;
}

table.styleradioedit{
border-collapse:collapse;
font-size:.9em;
width:80%; 
margin-left:10%; 
margin-right:10%;
background-color:#CCC;
text-align:center;
padding:10px;
border: 1px solid #666;
}
.styleradioedit tr{
height: 1px;/*used to fill the cell for click anywhere label tag*/
}
.styleradioedit tr td{
border-collapse:collapse;
border:1px solid #999;
height: 100%/*used to fill the cell for click anywhere label tag*/;
}
/***********************************************/
table.hidetable{
border-collapse:collapse;
font-size:.9em;
width:80%; 
margin-left:10%; 
margin-right:10%;
background-color:#EEE;
text-align:center;
padding:10px;
border: 1px solid #666;
}
.hidetable tr{
height: 1px;/*used to fill the cell for click anywhere label tag*/
}
.hidetable tr td{
border-collapse:collapse;
border:1px solid #999;
/*height: 100%;used to fill the cell for click anywhere label tag*/;
}
/***********************************************/
table.styleradiohits{
width:50%; 
margin-left:25%; 
margin-right:25%;
background-color:#CCC;
text-align:center;
padding:0px;
border: 0px solid #666;
}
.styleradiohits tr{
height: 1px;/*used to fill the cell for click anywhere label tag*/
}
.styleradiohits tr td{
border:1px dotted #999;
height: 100%/*used to fill the cell for click anywhere label tag*/;
}
.styleradiohits label{
    display: block; 
    border: 0px solid #f00;
    min-height: 100%; /* for the latest browsers which support min-height */
    height: auto !important; /* for newer IE versions */
    height: 100%; /* the only height-related attribute that IE6 does not ignore  */
}
table.styleradiohitsG{
    margin-left: 0 auto;
        margin-right: 0 auto;
     width:50%; 
margin-left:25%; 
margin-right:25%;   
     background-color:#ffc;   
}
.styleradiohitsG input[type="text"]{
width:50px;
height:20px;
font-size:10px;
font-size:.7em;
text-align:center;

}
.styleradiohitsG input[type="text"],input[type="submit"]{
width:100px;
height:30px;
font-size:10px;
font-size:.7em;
text-align:center;
vertical-align:middle;
}


.styleradiohitsf label{
    display: block; 
    border: 0px solid #f00;
    min-height: 100%; /* for the latest browsers which support min-height */
    height: auto !important; /* for newer IE versions */
    height: 100%; /* the only height-related attribute that IE6 does not ignore  */
}
table.styleradio{
width:50%; 
margin-left:25%; 
margin-right:25%;
background-color:#CCC;
text-align:center;
padding:20px;
border: 2px solid #666;
}
.styleradio tr{
height: 1px;/*used to fill the cell for click anywhere label tag*/
}
.styleradio tr td{
border:1px dotted #999;
height: 100%/*used to fill the cell for click anywhere label tag*/;
}
.styleradio label{
    display: block; 
    border: 0px solid #f00;
    min-height: 100%; /* for the latest browsers which support min-height */
    height: auto !important; /* for newer IE versions */
    height: 100%; /* the only height-related attribute that IE6 does not ignore  */
}

.styleradio90 tr td{
font-size:.9em;
border:1px dotted #999;
}
.styleradio_web tr td{
font-size:.9em;
border:1px solid #999;
padding:10px;
}
.styleradio_web input{
font-size:.8em;
width:80%;
}
table.styletodoheader{
width:90%; 
margin-left:5%; 
margin-right:5%;
background-color:#EEE;
text-align:center;
padding:20px;
border: 2px solid #666;
}
.styletodoheader tr td{
border:1px dotted #999;
}
.changelog{
margin:40px;
font-size:0.9em;
text-align:left;
border: 2px dotted #CCC;
padding:10px;
}
.changelog2{
margin-left:auto; 
margin-right:auto;
width:80%; 
font-size:0.9em;
text-align:left;
border: 2px dotted red;
padding:60px;
}
table.todogrid{
margin-left:auto; 
margin-right:auto;
width:100%;
}
input.todogrid {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
width:800px;
font-size:9pt;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#date_ended{
background-color:pink;
}
.artist_page_image p{
vertical-align: text-top;
}
IMG.artist_page_image{
vertical-align:top;
}
/*gone to dynamic file*/
/*
.divablurb {
color: #656565; 
display: block;
background-color: #D9FFFF;
padding:10px 0px;
}

gone to dynamic file

.main_page_sub {
display: block;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
padding:0;

font-weight: bold;
font-size:.9em;

}
.main_page_content_area {
width:92%; 
margin-left:4%; 
margin-right:4%;
background-color: #FFFFFF;
padding: 0px 0px 10px 0px;
}
.main_page_content_area h2{
color:#333;
font-size:1.1em;
}
*/
a.main_page_content_area,
a.main_page_content_area:link,
a.main_page_content_area:visited,
a.main_page_content_area:hover,
a.main_page_content_area:focus,
a.main_page_content_area:active {
color: #666;
}
*/
.admin_nav nav{
margin-left:auto; 
margin-right:auto;
/*
overflow: hidden;
*/
width: 100%;
font-size:1em;
padding:0px 0px;
}
.admin_nav  ul  li  div a{
padding: 0px 10px 0px 10px;
/* width: 100px;*/
}
#dialog{
display:none;
}
#dialog ul li{
font-size:10pt;
font-weight:normal;
text-align:left;
color:#000;
}
#dialog em{
font-weight:bold;
text-align:left;
color:red;
}
#dialog h2{
font-weight:bold;
font-weight:14pt;
text-align:left;
color:green;
}
.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    /*background: #f2f2f2;*/
    margin-left:auto; 
	margin-right:auto;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    text-align:center;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    /*background: #616161;*/
    background: #89D3E3;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    }
div.rest{

text-align:center;
width:160px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
}
.restoreme {
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #3498db;
  padding: 10px 20px 16px 20px;
  text-decoration: none;
  padding: 3px 2px;/*this middle aligns the text!!!*/
}

.restoreme:hover {
  background: #3cb0fd;
  text-decoration: none;
}
.recommended{
  /*background: #3cb0fd;*/
  text-decoration: none;
  color:darkblue;
}

#footer{
text-align:center;
padding-bottom:60px;
}