/*Site Master */  
  a { cursor:pointer; }

#LogonWrapper 
{   
    width: 600px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -150px; 
    text-align:center;   
}

#LogonContainer
{
    background-color: #44AEEA;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-family: arial,helvetica,sans-serif;    
    padding: 10px;    
    z-index: 1;   
    width:400px;  
    margin:0 auto;
}

#LogonContainer div#RequestLogonInformation
{
    display:none;
}
#LogonContainer a:active	{  text-decoration:underline; }
#LogonContainer	a:focus		{  text-decoration:underline; }


#logonWrapper h2{ color:#FFFFFF;}

  div#header-container a img {margin: 5px 5px 5px 5px; padding:5px; }
  div#header-container { 
    border-bottom: 1px solid #999;
    height:80px;
    padding:0;
    margin:0;                 
    background:#204cb5 url('/Content/images/header.jpg') no-repeat right top; 
    overflow:hidden;
  } 
  
  div#footer-container { clear:both; text-align: center; color:#DDDDDD; padding-top:40px; }
  
  div#header-ruler { width:100%; height:3px; background-color:#999999; }
  div#header-logo-wrapper {width:600px; height:77px;  z-index:12; background: url('/Content/images/sjp_banner.png') no-repeat left top;}  
  div#header-logo { text-align:left; padding-top:45px; padding-left:25px; z-index:12;}
  div#header-logo a { color:White; font-size:large; display:block; z-index:12; }
  div#header-logo a:hover { color:White !important; font-size:large; text-decoration:none; }
  div#header-boxpattern {position:absolute; width:100px; height:20px; top:15px; left:100px;}
  .header-boxpattern-box {float:left; margin-left:10px; margin-top:2px; width:10px; height:10px;}
  .color-yellow {background-color:Yellow; }
  .color-white {background-color:White; }
  .color-grey {background-color:#999999; }
  
  div#logindisplay { position:absolute; top:15px; right:30px; }
  
  div#menu-container { height: auto; overflow:hidden; position:absolute; right:0; top:44px; }  
  div#menu-container li { float: left; list-style: none outside none; margin: 0 0.3em; padding: 0; }  
  div#menu-container li a:hover { background: none repeat scroll 0 0 #808080; }
  div#menu-container li a
  {
      color:#FFFFFF;
      text-decoration:none;      
      background:none repeat scroll 0 0 #999999;
      border-color :#888888 #888888 #888888;
      border-style:solid solid solid;
      border-width: 1px 1px 1px;
      margin-top:7px;
      padding: 4px 0.7em;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;      
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-bottomright: 3px;      
  }
  
  
  
  div#main-container { position:relative; margin:auto; padding-left:40px; padding-right:40px;}
  
  .IndexWelcome {padding-top:40px; margin: auto; width:500px; text-align:center; }
  
  .indexContentContainerBorderRemove { border: none !important; }
  .indexContentContainer { float:left; margin:1em; width:40%; border: solid 1px lightblue; padding:10px; -moz-border-radius: 10px 10px 10px 10px;}  
  .indexContentContainerTab {float:left; padding-right:5px; }
  .indexContentContainerTab a:hover { background:none repeat scroll 0 0 #808080; cursor:pointer; }  
  a.indexContentContainerTabMenu
  {
      color:#FFFFFF;
      text-decoration:none;      
      background:none repeat scroll 0 0 #999999;
      border-color : #888888;
      border-style:solid solid none;
      border-width: 1px 1px 0;
      margin-top:7px;
      padding: 8px 1.5em;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      font-size:1em;
	  line-height: 29px;
	  border-radius: 3px;
  }

  .MethodsContainer {
	  margin-top: 1em;
  }
  
  .indexContentContainerTab li { padding-bottom:10px;list-style-type: none; }
  .indexContentContainerTab li a { font-size: 120%;line-height: 30px; }
  .indexContentContainerTab ul
  {
      visibility:hidden;
      position:absolute;
      left:0px;
      margin:0px 0px 0px 0px;  
      padding: 20px;    
      width:90%;
      border: solid 1px lightblue;   
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;       
      -moz-border-radius-bottomright: 3px;       
      -moz-border-radius-bottomleft: 3px;       
  } 
  
  .indexContentContainerTabActive a.indexContentContainerTabMenu {  background:none repeat scroll 0 0 #FFFFFF; color:#000000;}  
  .methodContentActive div.MethodsTabMenu a {  color:#006699; }      
  .indexContentContainerTabActive ul {  visibility:visible; }  
  
  .MethodsTabMenu
  {
      color:#FFFFFF;
      text-decoration:none;      
      background:none repeat scroll 0 0 #999999;
      border-color :#888888 #888888 #888888;
      border-style:solid solid solid solid;
      border-width: 1px 1px 1px;
      margin-top:3px;
      padding: 1px 0.7em;
      -moz-border-radius-bottomright: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-topleft: 3px;      
      font-size:1em;
      position:relative;
      width:20%;
  }  
  
  .MethodsTabMenu a { color:#FFFFFF; }
  
  .MethodsTabMenu:hover
  { 
      background:none repeat scroll 0 0 #DDDDDD;
      color:#000000;      
  }
  
  .MethodsTabMenu:hover a { color:#006699 !important }
  
  .methodContent
  {
      position: absolute;      
      left:250px;
      top:0px;
      margin:0px 0px 0px 25px;  
      padding: 20px;    
      width:70%;
      border: solid 1px lightblue;   
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;       
      -moz-border-radius-bottomright: 3px;       
      -moz-border-radius-bottomleft: 3px;      
      display:none;
  }
  

  .methodContentMethodView  
  {
      width:50%;
  }
  
  .areaContent ul li
  {
      list-style: none outside none;
  }


  .propertiesContainer  
  {
      background-color:#DDDDDD;
      padding:5px;
  }
  
  .propertiesContainer ul li
  {
      list-style: none outside none;
      background-color: #FFFFFF;
      margin:5px;
	  padding: 1em;
  }
  
  
  
  .methodContent ul li
  {
      list-style: none outside none;
  }
  
  .methods
  {
      position:relative;
  }

  .methodContentActive div.MethodsTabMenu
  { 
      background:none repeat scroll 0 0 #DDDDDD;
      color:#000000;
  }  
  
  .methodContentActive .methodContent
  { 
      display:block;
  }   

  .methodContentActiveV2 div.MethodsTabMenu
  {
      background:none repeat scroll 0 0 #DDDDDD;
      color:#000000;
  }

  .methodContentActiveV2 div.MethodsTabMenu a { color:#006699; }

  .sectionHeading 
  {
  }
  
  
  
  .DetailName
  {
      width:20%;
      float:left;
      clear:both;      
  }
  
  .description 
  {
      margin-bottom:20px;
  }
  .MethodDetailBlock ul li
  {      
      background-color:#DEDEDE;
      margin:5px 0 0 0;
	  padding: 1em;
	  list-style-type: none;
  }
  
  .areaContent ul li
  {      
      background-color:#DEDEDE;
      margin:5px 0 0 0;
  }  
  
  .liheading 
  {
      font-weight:bold;
	  font-size: 110%;
	  padding-bottom: 0.7em;
	  display: block;
  }
  
  .MethodsContainer {position:relative;}
  
  
  #showAreaUI
  {
      position: absolute;      
      left:250px;
      top:0px;
      margin:0px 0px 0px 25px;  
      padding: 20px;    
      width:70%;
      border: solid 1px lightblue;   
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;       
      -moz-border-radius-bottomright: 3px;       
      -moz-border-radius-bottomleft: 3px;            
  }
  .showAreaUIInActive { display:none; }
  .showAreaUIActive { display:block; }
  
  #codeArea 
  {
      width:100%;
      height:620px;
  }
  
  .descriptionContainer 
  {
      background: none repeat scroll 0 0 #DDDDDD;
      clear:both;
      padding:5px;
      position:relative;
  }
  


.noMethodGroupViewContainer ul {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid lightblue;
    left: 0;
    margin: 0;
    padding: 20px;     
    width: 90%;}
    
    
    
.methodBackToObject
{position:absolute; top:-30px; right:70px;    }

#prevPageLink {position: absolute; top: 100px; right: 20px;}
div#PageNotFound {position:absolute; width:400px; height:400px; display:block; top:50%; left:50%; margin-left:-150px; margin-top:-100px; text-align:center;}    
div#PageNotFoundText { position:absolute; margin-left:-50px; margin-top:-20px; width: 200px; }
.PageHeader { font-size:200%;  margin-bottom:20px; }

  .ObjectDetails
  {
      margin:0px 0px 0px 0px;  
      padding: 20px;    
      width:90%;
      border: solid 1px lightblue;   
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;       
      -moz-border-radius-bottomright: 3px;       
      -moz-border-radius-bottomleft: 3px;       
  } 
  
  
  
  
  
table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}