/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {font-family: Trebuchet MS, Sans-Serif; background: url(images/palmbeachbackTaller.jpg) repeat-x; height: 100%; min-height: 100%; text-align: center; min-width: 960px; color: White;}
#aspnetForm {min-height:100%; height: 100%;}
#header h1 {font-size: 1.9em; font-weight: normal; letter-spacing: 2.5px; }
#header h2 {font-size: 1.3em; font-weight: lighter; font-style: italic; font-family: Lucida Sans, Sans-Serif; letter-spacing: 1.5px;}
h3, span.login {font-size: 1.1em; text-decoration: underline; color: #ffcc66; font-weight: normal; padding-bottom: 5px; margin-top: 10px; display: block;}
p, li {font-size: 1.0em; text-decoration: none; font-weight: normal; letter-spacing: -.8px;  padding-bottom: 5px;}
#wrapper {background: #330000 url(images/navBack.jpg) repeat-y top left;}
#wrapper {width: 920px; height: 100%; min-height: 100%; margin: 0 auto; text-align: left;}
#header {height: 180px; background: url(images/palmBeachHeaderWider.gif) no-repeat; padding-left: 30px; padding-top: 65px; margin-bottom: -65px;}
#mainNav {list-style: none; height: 100%; min-height: 100%; float: left; position: relative;}
#mainNav {width: 180px; padding-top: 10px; padding-bottom: 20px; padding-left: 20px;}
#mainNav * * {padding-left: 0; padding-right: 0;}
#footer {background-color:#000000; padding: 10px 20px;}
.dlStyle {margin: 5px 5px 0px 0px;}
* html .dlStyle {margin: 5px;}
#content {width: 680px; float: right; padding: 20px 35px 20px 20px; margin-left: -30px;}
.navControl {background-color: Transparent;}
#footer {clear: both; height: 50px;} 
a#ctl00_LoginStatus1 {text-decoration: none;}

a:link, a:visited, a {color: White; text-decoration: none;}
a:hover {font-weight: bold; text-decoration: underline; color: White;} 
a:active {color: White; text-decoration: none;}
    
.textbox {width: 200px;}
.textbox2 {width: 250px;}
    
.button
    {
    width: 80px;
    background: url(images/buttonBlank.jpg) no-repeat;
    color: White;
    font-weight: bold;
    border: none;
    margin-top: 10px;
    }

.centerDiv
    {
    text-align: center;
    }

.grid td, 
.grid th
    {
        color: White;
        background-color: Transparent;    
        padding: 5px 5px 5px 30px;            
    }
    
.grid a,
.grid a:visited
    {
        text-decoration: underline;    
    }
 
.gridRow td
    {
        padding: 5px;
        background-color: #552222;        
    }
    
.gridRow tr
    {
        line-height: 20px;
        max-height: 20px;  
    }
    
.gridAltRow td
    {
        padding: 5px;
        background-color: #885511;
    }
    
.gridFoot td
    {
        background-color: #660000;
    }
    
#contentHead
    {
        float: left;
        font-size: small; 
        display: block; 
        padding-bottom: 15px;  
    }
#greeting
    {
        float: right; 
        display: inline;                 
    }
    
#breadcrumb
    {
        display: inline;
        float: left;    
    }
    
#ctl00_ContentPlaceHolder1_Login1,
#ctl00_ContentPlaceHolder1_CreateUserWizard1
    {
        float: left;
        display: block;
        clear: both;   
    }
    
* html .joinControl td
    {
        width: 600px;  
        white-space: nowrap;                
    }
    
.thirdTier
    {
        background: transparent;    
    }
    
.recovery
    {
        margin-top: 150px;      
    }
    
* html .recovery
    {
        margin-top: 20px;  
    }    

 
/* this is intended to style the content label, which is rendered as a span tag nested in a td in the gridview, i want it to truncate after 150px but it's not working

.contentLabel
    {
        height: 20px;
        max-height: 20px;
        white-space: nowrap;
        width: 150px;
        max-width: 150px;           
    }
*/

    .picSelector
    {
    z-index: 2;
    border: 3px solid white;
    position: absolute;
    left: 700px;
    top: 150px;
    background-color: black;
    font-family: Trebuchet MS;
    }
    .picSelector td
    {
    padding: 0px 7px 6px 7px;
    }