/*  The MasterPage is MasterPageJP2.Master   */

html
{
    background-color:#fafafa;   
}

body 
{ 
margin-left:auto;
margin-right:auto;
width:902px;
font-family:Arial;
font-size:9pt;
background-color:#ffffff;  

}

#container
{
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    border-style: solid;
    border-width: 0px;
    border-color: Red; /*width:800px; */
    /*margin: 0 5px 0 5px; */
    width:850px;
} 
a:link	{	
	text-decoration:	none;
	color:Gray;
	
	}	
		
a:visited	{	
	text-decoration:	none;
	color:	Gray;
	
	}	
		

a:hover	{	
	text-decoration:none;
	color:	 Red;
	}
	
a:active	{	
	text-decoration:	none;
	color:	 Red;
	}	
		
/*  Used a class designator  Change parameters .... */

a.clsSeries:Link
{
 text-decoration:	none;
	color:Gray;  
	font-family:Arial;
	font-size:10pt; 
}
a.clsSeries:visited
{
    text-decoration:	none;
	color:	Gray;
	font-family:Arial;
	font-size:10pt; 
	
}
a.clsSeries:hover
{
    text-decoration:none;
	color:	Green;
	font-family:Arial;
	font-size:10pt; 
}
a.clsSeries:active
{ 
    text-decoration:	none;
	color:	 Green;
	font-family:Arial;
	font-size:10pt; 
} 



/* .........................Stuff in the Header   */
#header
{
  height:120px;
  margin-left:10px;
  margin-right:10px;
  margin-top:5px;
   
  margin-bottom:10px;  /* pushes the aspx pages down (starting with hor menu) ...  */
  
  /* margin-bottom:10px; */
   
  padding-left:20px;
  padding-right:10px;
  padding-top:10px;
  
  background: #FFFFFF;
  color: #777777;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-color:#777777;
} 

#logodiv
{
    float:left;
    margin-left:-10px;
   
} 

#leftHeaderdiv
{
    float:right;
    width:300px;
    margin-right:270px;  /*  Pushes the Adress etc... to the left  */
} 

/*# ...................  NavigationMain  ................. */
#NavigationMain
{
    
    /* float:left; */
    width:500px; 
    margin-left:0px;
    
   
    font-size:9pt;
    padding-left:20px;
} 
#navigationMain ul 
{
 list-style-type: none;
 margin-left:auto;
 
 padding: 0;
 margin: 0;
 border: 0;
 
}

#navigationMain li {

 display:inline;
 position:relative;
/* border-Top:solid 1px #dedede;
 border-bottom:solid 1px #dedede; */
 margin-bottom:10px;
 
}

#navigationMain li a {
 font-family:Times New Roman;
 display: inline;
 height: 25px;
 margin-left:40px;  /*  pushes the menu to the right ...*/
 margin-top:0px;
 padding:7px 10px;
 color:Green;
 
}

#navigationMain li a:hover {
 border: 0;
 display: inline;
 color:Red;
 
}	

/*# ...................  End NavigationMain  ................. */

#secondRow1  /* Change May 15 */
{
    /*float:right; */
    margin-right:200px;
}
#address
{
    font-size:.8em;
}
#categoriesH
{
    margin-left:2px;
    margin-top:7px;
    width:50%; 
    float:left;
    /*height:20px; */
}
#thirdRow
{
    margin-left:auto;
    margin-right:auto;
}

#JPhnav 
{
    clear:both;
    /*float:left;  */
    /*width:70%; */
    margin-left:auto;
    margin-right:auto;
    margin-left:0px;
    font-size:9pt;
} 
#content
{
    /*  float:inherit;  */
    width:800px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    
}

#defaultMain
{
    /*margin-left:auto;
    margin-right:auto;*/
    /*border:solid 1px gray; */
    float:left;
    
}

#extra
{
    border: 1px solid #DADADA;
    clear:both;
        background:#DEDEDE;
        margin-top:20px;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:10px;
    height:auto;
        color:#ff0000;
} 
#footer
{
    background: #333;
    color: #DEDEDE;
}

.artistList li
{
/*Display:inline; */
float:left;
margin-left:10px;
margin-bottom:15px; 
display:inline;
}  

#Splash1     /* On the Default page  */
{ 
 margin-left:auto;
 margin-right:auto;
width:700px;
margin-top:20px;  /* Pushes the 2x2 table down  */ 
margin-bottom:10px;
border:solid 0px #bbbbbb; 
font-size:11pt;
font-weight:normal;
}

#ItemTemplateDiv
{
Height:inherit;
}
/* Mark-up for Listview in AddArtworks page ............  */
#listViewAddArtAlternating
{
    background-color:#dedede;
}
#alternatingItemTemplate
{
    background-color:#efefef;
}


div#footer p
{
    margin:0;
    padding:5px 10px
}


div#DefaultPageImage
{
    margin-left:20px;
}

div#DetailsView
{
    width:90%;
    padding:10px;
    
}
#artistPage
{
    width:500px;
    margin-left:auto;
    margin-right:auto;
    font-family:Arial;
    font-size:9pt;
}
 
/* Entries for ArtistArtpage */


#divArtistArtpage
{
    width:300px;
    
} 


#divArtistArtpageImage
{
    float:left;
    height:160px;
    width:155px;
  /* border:solid 1px green; */
    
   
} 

#divArtistArtpageTitle
{
    float:right;
    padding-top:30px;
    /* border :solid 1px green;  */
    margin-right:30px;
    margin-top:20px;
}


/* ArtistArtpage inside table END */


/*  ...............  ArtistPage divs ....    */ 
#artistPageOuter
{
    width:660px;
    margin-left:auto;
    margin-right:auto;
}

#divArtistPage
{
    width:170px;
    height:160px;
    border:solid 1px green;
    padding:3px 3px 3px 3px;
}

#divArtistImage
{
    float:left;
    width:80px;
}

#divArtistPageName
{
}

/* End ArtistPage divs ....    */ 



#insertTemplate
{
    border:solid 1px #ff0000;
    margin-left:0px;
    margin-bottom:10px;
    padding-left:10px;
}
#upload
{
    border:solid 1px #ff0000;
    
    padding:15 5 5 5;
    background-color:#efefef;
    margin-top:20px;
}
#outerintrodiv
{
    width:auto;
    text-align:center;
}

#slideshowdiv
{
    margin-right:auto;
    margin-left:auto;
}

table.artworkDisplay
{
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    border-collapse:separate;
    width:500px;
}
th.artworksTableElement
{
    width:70px;
} 

img .artDetails
{
    /*width:500px; */
    margin:10px 10px 10px 10px;
    border-color:#efefef;
    
}
#detailImage /* on the Details.aspx page   */
{
    padding:10px 10px 10px 10px;
    margin:5px 5px 5px 5px;
    /* border:solid 1px #777777;  */
    
}
#ArtistHyperlinkContainer
{
    margin-left:auto;
    margin-right:auto;
    padding-right:auto;
    padding-left:auto;
    text-align:center;
}
img .logoImage
{
    width:60px;
}

#img1
{
    border:solid 1px #ff0000;
}

#imageholder
{
    margin-left:30px;
}
#mainNav
{
    margin-top:50px;
    background-color:#dedede;
}
#AdminFunctions
{
    border:solid 2px #dedede; 
    width:500px;
    
    margin-left:auto;
    margin-right:auto; 
    padding-left:10px;
    padding-right:10px;
}
/*  TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS  */

table.TableTest
{
     width: 400px;
     border: 1px solid #ff0000;
}
.trTest
{
    color:Fuchsia;
    background:#00ff00;
    
}
.tdTest
{
    border:solid 1px #0000ff;
    padding-left:10px;
}

/*  TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS   TESTS  */

table.TableTest
{
     width: 400px;
            border: 1px solid #ff0000;
}
/*  .....................  CSS for ADMIN functions  ..........................   */
#MasterPageAdmin 
{
    border:solid 1px #00ff00;
}

#navigationAdmin
{
    height: 20px;
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #dedede;
}
#navigationAdmin ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 border: 0;
 
}

#navigationAdmin li {

 display:inline;
 	
}

#navigationAdmin li a {
 
 display: inline;
 height: 25px;
 padding:7px 10px;
 color:Green;
 
}

#navigationAdmin li a:hover {
 border: 0;
 display: inline;
 color:Red;
 
}	
#singlePage
{
    width:750px;
    margin-left:auto;
    margin-right:auto;
    padding:5px 20px 5px 5px;
}
#divEvents
{
    width:500px;
    margin-left:auto;
    margin-right:auto;
}