/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/*@import url("nav-horizontal.css");*/
 
/* NAV BAR AT THE TOP, LOCAL NAV ON THE LEFT AND TWO COLUMNS OF CONTENT */


    div#content {
        width: 100%;
        
        margin: 0 auto 20px auto;
        padding: 0;
        
        text-align: left;  
        
    }
    div#main 
    {        
        margin-top:40px;
        float: left;
        width: 80%;
        display: inline;
        
        margin-right: -20%;
        margin-left: 3%;   
    }
    
    .divSpacer
    {
        height:25px;
        *height:15px;        
    }
    
    div#main-private 
    {        
        /*position:relative;        */
        top:40px;
        *top:30px;
        
        float: left;
        width: 80%;
        display: inline;
        
        margin-right: -20%;
        margin-left: 3%;         
    }
    
    div#main-wide 
    {   
        position:relative;
        top:-0px;
        *top:-10px;
        
           
        margin-top:40px;
        float: left;
        width: 100%;
        display: inline;
                        
        margin-left: 3%;
        border:0px;        
    }
 
    
    div#sub 
    {
        position:relative;                        
        top:5px;
               
        float: right;
        width: 20%;
        display: inline;       
    }       
    
    div#sub-wide 
    {
        position:relative;
        top:0px;
        *top:-10px;        
        
        float: right;
        width: 200px;
        display: inline;
        border:0px;
    }
    
  
    
    div#local {
        float: left; 
        width: 25%;
        display: inline;
        margin:0;
        padding:0;                
    }
    div#local-wide {
        float: left; 
        width: 198px;
        display: inline;
        margin:0;
        padding:0; 
        border:0px;               
    }
     div#local-wide- {
        float: left; 
        width: 198px;
        display: inline;
        margin:0;
        padding:0; 
        border:0px; 
        position:relative;
        top:-25px;  
        *top:0px;             
    }
    
    div#main-inner {
        float: left; 
        width: 68%;
        display: inline;
        margin-left:1%;   
        line-height:20px;                    
    }
    div#main-inner2 {
        float: left; 
        width: 90%;
        display: inline;
        margin-left:1%;   
        line-height:20px;             
    }
    
    div#main-inner3 
    {        
        margin-top:40px;
        float: left;
        width: 100%;
        display: inline;                
        line-height:20px;                   
    }
    
    div#main-inner4
    {        
    	padding-left:5%;
        margin-top:40px;
        float: left;
        width: 100%;
        display: inline;                
        line-height:20px; 
        min-height:500px;
    }
    div#main-inner-wide {
        float: left; 
        width: 750px;
        display: inline;
        
        line-height:20px;             
        border:0px;
        margin-left:5px;
    }
    
    div#nav {
        position: relative;
        top: -15px;
        *top: -15px;        
        left: 0;
        width: 701px;
		
		/**z-index:-1;*/
		/*z-index:1;*/
        text-align: left;        
    }
    div#nav 
    {				
		font-family: Verdana;
        font-size: 12px;	
    }
    * html div#nav {
        /* hide ie/mac \*/	
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        top:-.0em;
        width: 970px;
        
        background-image:url(../images/navigation/topnav-image-middle.jpg);
        background-repeat:repeat-x;
        height:41px; 
        float:left;  
    }
    
     div#nav div.leftnav-img {
       
        padding: 0;
        width: 46px;
        height:41px;
        background-image:url(../images/navigation/topnav-image-left.jpg);
        background-repeat:no-repeat;
        float:left;
        
    }
    
     div#nav div.rightnav-img {
        padding: 0;
        width: 29px;
        height:41px;
        background-image:url(../images/navigation/topnav-image-right.jpg);
        background-repeat:no-repeat;
        float:right;
        
        position:absolute;
        right:-28px;
        top:0;
    }
    
    
	#divider
	{		
		background-image: url('../images/navigation/div.jpg');
		background-repeat:no-repeat;
		height:41px;
		width:14px;
		float:left;
		display:inline;
		position: relative;
		top:-12px;
		*top:0px; /* css hack for IE*/
	}
    
                    
    div.box-content-imgHolder
    {
		float:left; display:inline; width:auto; padding-right:10px; letter-spacing:normal; 
    }
    
    
    div.box-content-imgHolder p
    {
		float:left; vertical-align:top; display:inline;line-height:10px;
    }
    
    
/* END CONTENT */



/*LEFTNAV*/

div#left-nav
{	float:left;
	width:275px;
	
	padding:0;
	margin:0;
}

div#leftnav-top
{
	float:left;
	
	padding:0;
	margin:0;
}

div#leftnav-content
{
	float:left;
	
	padding:0;
	margin:0;
	position:relative;
	top:-12px;
	*top:0px;
}



div#leftnav-bottom
{	
	float:left;
	
	padding:0;
	margin:0;	
	position:relative;
	top:-24px;
	*top:-15px;
	
}





.bg_leftnavtopleft
{
	background-image:url(../images/left-nav/bg_leftnavtopleft_r2_c2.gif);
	background-repeat:no-repeat;
	width:6px;
	height:21px;
	float:left;
	padding:0;
	margin:0;
}
.bg_leftnavtopmid
{
	background-image:url(../images/left-nav/bg_leftnavtopmid.jpg);
	background-repeat:repeat-x;
	height:21px;
	float:left; width:180px;
	padding:0;
	margin:0;
}
.bg_leftnavtopright
{
	background-image:url(../images/left-nav/bg_leftnavtopright.jpg);
	background-repeat:no-repeat;
	width:10px;
	height:21px;
	float:left;
	padding:0;
	margin:0;
}
.bg_leftnavmidright
{
	background-image:url(../images/left-nav/bg_leftnavmidright.jpg);
	background-repeat:no-repeat;
	width:2px;
	height:24px;
	padding:0;
	margin:0;
	position:relative;
	right:0px;
}

*.bg_leftnavmidright
{
	background-image:url(../images/left-nav/bg_leftnavmidright.jpg);
	background-repeat:no-repeat;
	width:2px;
	height:24px;
	padding:0;
	margin:0;
	position:relative;
	right:30px;
}

.bg_leftnavmid
{
	background-image:url(../images/left-nav/bg_leftnavmid.jpg);
	background-repeat:repeat-x;
	height:24px;
	padding:0;
	margin:0;
}

.bg_leftnavbtmleft
{
	background-image:url(../images/left-nav/bg_leftnavbtmleft.jpg);
	background-repeat:no-repeat;
	width:8px;
	height:22px;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	*top:-7px;
	top:-6px;
	
}




.bg_leftnavbtmmid
{
	background-image:url(../images/left-nav/bg_leftnavbtmmid.jpg);
	background-repeat:repeat-x;
	height:22px;
	float:left;
	width:177px;
	padding:0;
	margin:0;
	position:relative;
	*top:-7px;
	top:-6px;
	
}



.bg_leftnavbtmright
{
	background-image:url(../images/left-nav/bg_leftnavbtmright.jpg);
	background-repeat:no-repeat;
	width:12px;
	height:22px;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	*top:10px;
	top:-6px;
	
}

/*PRNIT*/
#print-email
{
	text-align:right;
	padding-right:50px;
}

#print-email a,
#print-email a:link,
#print-email a:active,
#print-email a:visited,
#print-email a:visited:hover
{
	color:#666666;
	font-size:10px;
	text-decoration:undeline;	
}

#print-email a:hover
{
	color:#794FB1;
	font-size:10px;
	text-decoration:undeline;	
}

.bgalt
{
	background-color:#FFFFE1;
	font-size:10px;
}


.link-print a, .link-print a:link, .link-print a:active, .link-print a:hover, .link-print a:visited, .link-print a:visited:hover
{
	color:#666666;
	font-size:10px;
	text-decoration:underline;
}


/*PRINT*/
.rightpanelAlphaL
{ 	
	background-image:url(../images/login/RightpanelAlphaL.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:41px;
	float:left;	
}

.rightpanelAlphaM
{ 	
	background-image:url(../images/login/RightpanelAlphaM.jpg);
	background-repeat:repeat-x;
	height:41px;
	float:left;	
}

.rightpanelAlphaR
{ 	
	background-image:url(../images/login/RightpanelAlphaR.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:41px;
	float:left;	
}

#right-panel-lightbox-middle
{
	float:left;
	margin:0;
	padding:0;
	line-height:40px;
}

.RightpanelAlphaML
{ 	
	background-image:url(../images/login/RightpanelAlphaML.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:92px;
	float:left;	
}

.RightpanelAlphaMM
{ 	
	background-image:url(../images/login/RightpanelAlphaMM.jpg);
	background-repeat:repeat-x;
	height:92px;
	float:left;	
}

.RightpanelAlphaMR
{ 	
	background-image:url(../images/login/RightpanelAlphaMR.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:92px;
	float:left;	
}

#right-panel-lightbox-bottom
{
	float:left;
	margin:0;
	padding:0;
	line-height:40px;
}

.RightpanelAlphaBL
{ 	
	background-image:url(../images/login/RightpanelAlphaBL.jpg);
	background-repeat:no-repeat;
	width:9px;
	height:12px;
	float:left;	
}

.RightpanelAlphaBM
{ 	
	background-image:url(../images/login/RightpanelAlphaBM.jpg);
	background-repeat:repeat-x;
	height:12px;
	float:left;	
}

.RightpanelAlphaBR
{ 	
	background-image:url(../images/login/RightpanelAlphaBR.jpg);
	background-repeat:no-repeat;
	width:9px;
	height:12px;
	float:left;	
}


 /*LOGIN BOX*/
 #loginMsg a
	{
		color:White;
		font-size:10px;
	}

	#loginMsg p 
	{
		color:Red;
		font-size:10px;
		}		
	
	.loginTxt, 
	loginTxt p a,
	loginTxt p a:active,
	loginTxt p a:link,
	loginTxt p a:hover,
	loginTxt p a:visited
	{
		color:White;
		font-size:10px;
	}
	.loginTxt p
	{
		color:Red;
		font-size:10px;
	}
 
 
     div#sub div#new-to-smartsalary
    {
		display:inline;
		width:193px;
		float:left;
		margin:10px 0 0 0; 
		padding:0;
    }
    div#relatedinfo-table-top-container
    {
		float: left;
        width: 153px; 
        
        display: inline;
        margin:0;
        padding:0;        
    }
    div.relatedinfo-table-top-left{
        float: left;
        width: 6px; 
        background-image:url(../images/login/RightpanelAlphaL.jpg);
        height:41px; background-repeat:no-repeat;
        display: inline;   
         
         margin:0;
        padding:0;
    }
    
     div.relatedinfo-table-top-middle{
        float: left;
        height:41px; width:178px;
        background-image:url(../images/login/RightpanelAlphaM.jpg);
        background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:bold;
        padding-top:12px;
           
        margin:0;
        padding:0;

         
    }
     div.relatedinfo-table-top-middle-title
     {
		padding:0px;
		margin:0;
		color:White;

		
    }    
    div.relatedinfo-table-top-middle-title h3
    {
		padding:0px;
		margin:0;
		line-height:40px;
		color:White;
    }

    
     div.relatedinfo-table-top-right{
        float: left;
        width: 9px;
        background-image:url(../images/login/RightpanelAlphaR.jpg);
         height:41px; background-repeat:no-repeat;
        display: inline;
        
       margin:0;
        padding:0;
         
    }
    
        div.relatedinfo-table-mid-container
    {
		float: left;
        width:100%; 
        
        display: inline;
        margin:0;
        padding:0;

    }
    div.relatedinfo-table-mid-left{
        float: left;
        width: 6px; 
        background-image:url(../images/login/RightpanelAlphaML.jpg);
        background-repeat:repeat-y;
        /*background-color:#876BA8;*/
        display: inline;   
        height:auto;
        margin:0;
        padding:0;
    }
    
     div.relatedinfo-table-mid-middle{
        float: left;
        width:189px;
		*width:189px; /*IE hack*/
        /*background-image:url(../images/login/RightpanelAlphaMM.jpg);
          background-repeat:repeat-x;*/
        background-color:#876BA8;
        display: inline;
        color:White;
        font-weight:normal;
        padding-top:12px;
        margin-top:10px;
        font-size:10px;
        line-height:20px;
              
	margin:0;
	padding-right:4px;
        *padding-right:4px; /*IE hack*/

    }
    
     div.mid-mid{
		float: left;
		height:auto; 
		width:90%;
		*width:90%;
		background-image:url(../images/login/RightpanelMTM.jpg);
		background-repeat:repeat-x;
		background-color:#4F2580;
		
		color:White;
		font-weight:normal;
		padding-top:12px;
		margin-top:10px;
		font-size:10px;
		line-height:20px;
		padding-left:5px;
		*padding-left:5px;
		padding-right:5px;
		/*border-right:#77589C 3px solid;
		*border-right:#B6B6B6 thin ridge;*/
		margin:0; 
		color:#FFFFFF;
	    
	}
	
	div.mid-mid a { color:#FFFFFF;}
    
     div.relatedinfo-table-mid-right{
        float: left;
        width: 11px;
        height:auto;
		background-image:url(../images/login/rightalpha.jpg);
		background-repeat:repeat-y;
        display: inline;
        /*background-color:#876BA8;*/
		margin:0;
        padding:0;
         
    }
    
    
    
         div.relatedinfo-table-bottom-container
    {
		float: left;
        width:100%; 
        
        display: inline;
          margin:0;
        padding:0;
    }
    div.relatedinfo-table-bottom-left{
        float: left;
        width: 9px; 
        background-image:url(../images/login/RightpanelAlphaBL.jpg);
        height:10px; background-repeat:no-repeat;
          
          margin:0;
        padding:0;
         
    }
    
     div.relatedinfo-table-bottom-middle{
        float: left;
         height:10px; width:175px;
        background-image:url(../images/login/RightpanelAlphaBM.jpg);
          background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:bold;
        padding-top:12px;
        margin:0;
        padding:0;
    }
    
     div.relatedinfo-table-bottom-right{
        float: left;
        width: 9px;
		background-image:url(../images/login/RightpanelAlphaBR.jpg);
        height:10px; background-repeat:no-repeat;
        display: inline;
        margin:0;
        padding:0;
       
         
    }
         div.newtosmartsalary-table-mid-container
    {
		float: left;
        
        
        display: inline;
        padding:0;
        margin:0;
    }
    
    ---------------------------
    
    
     div.newtosmartsalary-table-top-container
    {
		float: left;
        width: 143px; 
        
        display: inline;
          margin:0;
        padding:0;
    }
    div#newtosmartsalary-table-top-left{
        float: left;
        width: 6px; 
        background-image:url(../images/login/RightpanelAlphaBL.jpg);
        height:41px; background-repeat:no-repeat;
        display: inline;   
         
           margin:0;
        padding:0;
    }
    
     div#newtosmartsalary-table-top-middle{
        float: left;
         height:41px; width:170px;
         background-image:url(../images/login/RightpanelAlphaBM.jpg);
          background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:bold;
        padding-top:12px;
              
                margin:0;
        padding:0;
         
    }
    
     
    
   
 
    
 
    
    
         div.newtosmartsalary-table-bottom-container
    {
		float: left; 
        
        margin:0;
        padding:0;
    }
    div.newtosmartsalary-table-bottom-left{
        float: left;
        width: 9px; 
        background-image:url(../images/login/RightpanelAlphaBR.jpg);
        height:10px; background-repeat:no-repeat;
        display: inline;   
         margin:0;
        padding:0;
         
    }
               	
	.hide
	{
	    display:none;
	}
	
	
	.ok 
	{
	   
	    background-repeat:no-repeat;
	    background-position:left;
	    padding-left:5px;

	}
	
	.error 
	{
	   
	    color:Red;
	    background-repeat:no-repeat;
	    background-position:left;
	    padding-left:5px;
	}
	
	
    /* FOOTER */
        div#footer {
            color: #333333;				            
        }
        div#footer p {
			
            margin: 0;
            padding: 5px;
            text-align:right;
            color:#333333; 
            font-size: 10px;
        }
        
        div#footer a,
        div#footer a:link,
        div#footer a:visited,
        div#footer a:active {
			
            margin: 0;
            padding: 5px;
            text-align:right;
            color:#4e2583;
            text-decoration:underline;
	    font-size: 10px;
	}
       

   div#footer a:hover
         {
			
            margin: 0;
            padding: 5px;
            text-align:right;
            color:#794FB1;
            text-decoration:underline;
	    font-size: 10px;
	}

       div#form-validator
       {
		}
        
    /* END FOOTER */