/* 
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;border:0;        
    }
    div#main 
    {        
        position:relative;
        top:5px;
        *top:-5px;
        
        
        float: left;
        width: 74%;
        display: inline;
        
        margin-right: -20%;
        margin-left: 3%;                
    }
    
     div#main-top {
        float: left;
        width: 100%;
        display: inline;
        line-height: 20px;
                
    }
    
      div#main-top div#main-top-left{
        float: left;
        width: 30%;
        display: inline;
        
        margin-right: 2%;
        margin-left: 0%;
        
    }
       div#main-top div#main-top-middle{
        float: left;
        width: 30%;
        display: inline;
        
        margin-right: 5%;
        margin-left: 2%;        
    }
      div#maincontent-top div#main-top-right{
        float: right;
        width: 30%;
        display: inline;
        
        margin-right: 5%;
        margin-left: 2%;        
    }
    
        div#main-bottom {
        float: left;
        width: 100%;
        display: inline;
        
       
                
    }
    
    div#main-bottom div#main-bottom-left
    {		
        float: left;
        width: 336px;
        display: inline; /*line-height:.7em;*/
        
        margin-right: -50%;
              
    }
     /*LEFTBOX*/
    div.box-top-left-corner{
        float: left;
        width: 10px; 
        background-image:url(../images/home/homeCurveTL.jpg);
        height:8px; background-repeat:no-repeat;        
        display: inline; 
        position:relative;
        top:4px;                       
        
        margin:0;
        padding:0;
    }
    
     *div.box-top-left-corner{ /*IE Hack*/
        float: left;
        width: 10px; 
        background-image:url(../images/home/homeCurveTL.jpg);
        height:8px; background-repeat:no-repeat;        
        display: inline;  
        position:relative;
        top:4px;                      
        
        margin:0;
        padding:0;
    }
    
     div.box-top-line{
        float: left;
        height:8px; width:316px;
        background-image:url(../images/home/homeCurveTM.jpg);
        background-repeat:repeat-x;
        display: inline;
        position:relative;
        top:4px;
        
        margin:0;
        padding:0;
    }
    
      *div.box-top-line{
        float: left;
        height:8px; width:316px;
        background-image:url(../images/home/homeCurveTM.jpg);
        background-repeat:repeat-x;
        display: inline;
        position:relative;
        top:4px;
        
        margin:0;
        padding:0;  /*IE Hack*/
    }
    
    div.box-top-right-corner{
        float: left;
        width: 10px;
        background-image:url(../images/home/homeCurveTR.jpg);
        height:8px; background-repeat:no-repeat;
        display: inline; 
        position:relative;
        top:4px;                       
        
        margin:0;
        padding:0;
    }
    
    *div.box-top-right-corner{
        float: left;
        width: 10px;
        background-image:url(../images/home/homeCurveTR.jpg);
        height:8px; background-repeat:no-repeat;
        display: inline;
        position:relative;
        top:4px;                        
        
        margin:0;
        padding:0;/*IE Hack*/
    }
    
 
    
     
    
       div.box-left-line
       {		
        float: left;
        width: 10px; 
        background-image:url(../images/home/homeCurveML.jpg);
        height:233px; background-repeat:no-repeat;
        display: inline;    

        margin:0;
        padding:0;                    
		}
    
     div.box-content
     {
        float: left;
        height:233px; width:316px;
        background-image:url(../images/home/homeCurveMM.jpg);
        background-repeat:repeat-x;
        display: inline;
        margin:0;
        padding:0;
          
         
    }
    
    div.box-content-imgHolder
    {
		float:left;display:inline; width:32%;
    }
    
    div.box-content-imgHolder p
    {
		float:left; vertical-align:top; width:214px; display:inline;
    }
    
    div.box-content-top
    {
		float:left;
		display:inline;width:67%;
		
    }
    
     div.row1
    {
		float:left;
		display:inline;
		width:100%
    }
    
    div.row2
    {
		float:left;
		display:inline;
		width:100%
    }
    
     div.box-content-bottom-left
    {
		float:left;
		display:inline;
		line-height:16px;
		width:42%;	
		*width:50%;
		border-right:1px solid #FFFFFF;	 
		padding-left:10px; 
		*padding-left:10px;	
		padding-right:10px;
		*padding-right:0px;	  
		
    }
    
    
     div.rightbox-content-bottom-left
    {
		float:left;
		display:inline;
		line-height:15px;
		width:80%
    }
    
      div.box-content-bottom-right
    {
		float:left;
		line-height:16px;
		display:inline;
		width:40%;
		*width:40%;
		border-left:1px solid #CCCCCC;
		padding-left:17px;
		*padding-left:10px;
		
		
    }
    
    
    
     div.box-right-line{
        float: left;
        width: 10px;
        background-image:url(../images/home/homeCurveMR.jpg);
        height:233px; background-repeat:no-repeat;
		display: inline;
		margin:0;
        padding:0;
    }
        
       div.box-bottom-left-corner{
        float: left;
        width: 10px; 
        background-image:url(../images/home/homeCurveBL.jpg);
        height:8px; background-repeat:no-repeat;
        display: inline;
        position:relative;
        left:0px;
        
        margin:0;
        padding:0; 
        
        
    }
    
    *div.box-bottom-left-corner{
        float: left;
        width: 10px; 
        background-image:url(../images/home/homeCurveBL.jpg);
        height:8px; background-repeat:no-repeat;
        display: inline; 
        
        margin:0;
        padding:0; 
	
        
        
    } /*IE HACK*/
    
     div.box-bottom-line{
        float: left;
        height:8px; width:316px;
        background-image:url(../images/home/homeCurveBM.jpg);
        background-repeat:repeat-x;
        display: inline; line-height:.1em; 
        
        margin:0;
        padding:0;                   
    }


    
     /*LEFTBOX*/
    
     div.box-bottom-right-corner{
        float: right;
        width: 10px;
        background-image:url(../images/home/homeCurveBR.jpg);
        height:8px; background-repeat:no-repeat;
        display: inline; 
        
       margin:0;
       padding:0;         
    }
    
    div.bottomLeftContainer
    {
		width:100%;
		display:inline;
		
		margin:0;
        padding:0;
		
    }
    
    
  
    
    
    
    
    div#main-bottom div#main-bottom-right{
        float: left;
        width: 336px;
        display: inline;
        padding-top:0;
        margin-left:50%;
        vertical-align:top;
       
              
    }
    div#main-inner
    {
		display:none;
    }
    
    
     
    
    
    div#sub 
    {
        position:relative;        
        top:5px;
        *top:-10px;
        
        float: right;
        width: 20%;
        display: inline;
        padding-top:2.95em;
        
    }
    
    div#sub div#employer-code
    {
		display:inline;
		width:193px;
		float:left;
    }
    
    div#sub div#new-to-smartsalary
    {
		display:inline;
		width:193px;
		float:left;
		margin:0;padding:0;
    }
              
    div#local {
        float: left; 
        width: 20%;
        display: none;
        
        margin-left: -60%;
    }
    div#nav {
        position: relative;
        top: -13px;
        left: 0;
        width: 100%;
        
        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*/
	}
    
   
/* END CONTENT */


/*LOGIN*/







/*LINK*/
div#box-content-top a
{
	color:#794FB1;
	font-size:x-small;
	text-decoration:none;
}

div#box-content-top a:active
{
	color:#794FB1;
	font-size:x-small;
	text-decoration:none;
}

div#box-content-top a:link
{
	color:#794FB1;
	font-size:x-small;
	text-decoration:none;
}

div#box-content-top a:hover
{
	color:#794FB1;
	font-size:x-small;
	text-decoration:underline;
}

.txtContent
{
	font-size:11px;
	line-height: 15px;
}


.txtBoldContent
{
	font-size:10px;
	font-weight:bold;
	color:#666666;
}
/*LINK*/

.txtBoldContent
{
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

a, a:link, a:active, a:hover, a:visited, a:visited:hover
{
	color:#4E2683;
	text-decoration: underline;
	
}

a.link-login , a.link-login:link, a.link-login:active, a.link-login:hover, a.link-login:visited , a.link-login:visited:hover
{
	color:White;
}

/*PRINT*/
.link-print a.link-print, a.link-print:link, a.link-print:active, a.link-print:hover, a.link-print:visited, a.link-print:visited:hover
{
	color:#333333;
	font-size:x-small;
	text-decoration:underline;
}



 /*LOGIN BOX*/
     div#sub div#new-to-smartsalary
    {
		display:inline;
		width:193px;
		float:left;
		margin:10px 0 0 0; 
		padding:0;
    }
    div#employerlogin-table-top-container
    {
		float: left;
        width: 143px; 
        
        display: inline;
        margin:0;
        padding:0;        
    }
    div.employerlogin-table-top-left{
        float: left;
        width: 6px; 
        background-image:url(../images/login/RightpanelBTL.jpg);
        height:41px; background-repeat:no-repeat;
        display: inline;   
         
         margin:0;
        padding:0;
    }
    
     div.employerlogin-table-top-middle{
        float: left;
         height:41px; width:170px;
         background-image:url(../images/login/RightpanelBTM.jpg);
          background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:bold;
        padding-top:12px;
           
           margin:0;
        padding:0;   
         
    }
     div.employerlogin-table-top-middle-title
     {
		padding:0px;
		margin:0;
		color:White;

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

    
     div.employerlogin-table-top-right{
        float: left;
        width: 9px;
        background-image:url(../images/login/RightpanelBTR.jpg);
         height:41px; background-repeat:no-repeat;
        display: inline;
        
       margin:0;
        padding:0;
         
    }
    
        div.employerlogin-table-mid-container
    {
		float: left;
        width:100%; 
        
        display: inline;
        margin:0;
        padding:0;
    }
    div.employerlogin-table-mid-left{
        float: left;
        width: 6px; 
        background-image:url(../images/login/RightpanelMTL.jpg);
        height:138px; background-repeat:no-repeat;
        display: inline;   
         
         margin:0;
        padding:0;
    }
    
     div.employerlogin-table-mid-middle{
        float: left;
         height:138px; width:170px;
        background-image:url(../images/login/RightpanelMTM.jpg);
          background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:normal;
        padding-top:12px;
        margin-top:10px;
        font-size:10px;
        line-height:20px;
              
         margin:0;
        padding:0;
    }
    
     div.employerlogin-table-mid-right{
        float: left;
        width: 9px;
       background-image:url(../images/login/RightpanelMTR.jpg);
         height:138px; background-repeat:no-repeat;
        display: inline;
        
       margin:0;
        padding:0;
         
    }
    
    
    
         div.employerlogin-table-bottom-container
    {
		float: left;
        width:100%; 
        
        display: inline;
          margin:0;
        padding:0;
    }
    div.employerlogin-table-bottom-left{
        float: left;
        width: 9px; 
        background-image:url(../images/login/RightpanelBL.jpg);
        height:10px; background-repeat:no-repeat;
          
          margin:0;
        padding:0;
         
    }
    
     div.employerlogin-table-bottom-middle{
        float: left;
         height:10px; width:167px;
        background-image:url(../images/login/RightpanelBM.jpg);
          background-repeat:repeat-x;
        display: inline;
        color:White;
        font-weight:bold;
        padding-top:12px;
        margin:0;
        padding:0;
    }
    
     div.employerlogin-table-bottom-right{
        float: left;
        width: 9px;
		background-image:url(../images/login/RightpanelBR.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.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;
	    
	}
	
	#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.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/RightpanelBTL.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/RightpanelBTM.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/RightpanelBL.jpg);
        height:10px; background-repeat:no-repeat;
        display: inline;   
         margin:0;
        padding:0;
         
    }
    
    /*LOGIN BOX*/
    
    @media print {
    body { font-size: 10pt }
  }




 div#relatedinfo-table-top-container
    {
		float: left;
        width: 143px; 
        
        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:170px;
         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:181px;
	*width:181px; /*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.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:167px;
        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;
       
         
    }
    
    
      /* FOOTER */
        div#footer {
            color: #333333;	
            padding-right:80px;
            padding-top:30px;		            
        }
        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:#4e2583;
            text-decoration:underline;
	    font-size: 10px;
	}

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