/* ------------------------------------------------------------------------*/
	    /* GENERAL CSS */
	    /* ------------------------------------------------------------------------*/
        *                                { border:0px; /*color:#444444;  font-size: 0.76em; */}
        html, body                       { margin:0; padding:0; min-height:100%;  }	
        body                             { font-family: "Trebuchet Ms", Arial, Verdana, sans-serif; font-weight:normal; font-size: 0.78em; line-height: 1.32em; letter-spacing:0.01em; }    

        div                              { margin: 0px; display:block; }
        div.div-clear                    { clear:both; }
        div#wrapper                      { width: 970px; height: 100%; margin:0px auto; }	    
	    div#breadcrumbs                  { float:left; display:inline; margin:12px 24px 12px 12px; }
	    img, div, td, table, style, background-image, background, ul, li ,a, a:hover { behavior: url('iepngfix.htc');}	    
	    
        /* Boxes */
        div.BBox-rounded                 { width: 100%; background: #ffffff; }        
        div.BBox-rounded .pDiv           { margin: 0px 12px; }
        div.BBox-rounded-top             { background: url('../../img/wbox/topright.gif') top right no-repeat; }
        div.BBox-rounded-btm             { background: url('../../img/wbox/btmright.gif') top right no-repeat; }
        img.BBox-image                   { width: 12px; height: 12px; border: none; display: block !important; }
                
        div.LBox-rounded                 { width: 100%; background: #ebebeb; }
        div.LBox-rounded .pDiv           { margin: 0 1px; }
        div.LBox-rounded-free .pDiv      { margin: 0 1px; }        
        div.LBox-rounded-top             { background: url('../../img/lgraybox/topright.gif') top right no-repeat; }
        div.LBox-rounded-btm             { background: url('../../img/lgraybox/btmright.gif') top right no-repeat; }
        img.LBox-image                   { width: 8px; height: 8px; border: none; display: block !important; }
        
         /* Single Line Box */
        div.Single-rounded               { width: 100%; background: #ebebeb; }
        div.Single-rounded .pDiv         { width: 100%; margin: 0 1px; }
        div.Single-rounded-free .pDiv    { margin: 0 1px; }        
        div.Single-rounded-top           { background: url('../../img/lgraybox/topright.gif') top right no-repeat; }
        div.Single-rounded-btm           { background: url('../../img/lgraybox/btmright.gif') top right no-repeat; }
        img.Single-image                 { width: 8px; height: 8px; border: none; display: block !important; }      
        
        /* Light gray */
        div.DLBox-rounded                { width: 100%; background: #ebebeb; }
        div.DLBox-rounded .pDiv          { margin: 0 8px; }
        div.DLBox-rounded-top            { background: url('../../img/lgrayboxdark/topright.gif') top right no-repeat; }
        div.DLBox-rounded-btm            { background: url('../../img/lgrayboxdark/btmright.gif') top right no-repeat; }
        img.DLBox-image                  { width: 8px; height: 8px; border: none; display: block !important; }      
        
        /* White gray Inside */
        div.SmBox-rounded                 { width: 100%; background: #ffffff; }
        div.SmBox-rounded .pDiv           { margin: 0 6px; padding:10px; }
        div.SmBox-rounded-top             { background: url('../../img/swbox/topright.gif') top right no-repeat; }
        div.SmBox-rounded-btm             { background: url('../../img/swbox/btmright.gif') top right no-repeat; }
        img.SmBox-image                   { width: 6px; height: 6px; border: none; display: block !important; }      
        
        /* Beige gray Inside */
        div.SandBox-rounded              { width: 100%; background: #ece9de; }
        div.SandBox-rounded .pDiv        { margin: 0 8px; }
        div.SandBox-rounded-top          { background: url('../../img/sandbox/topright.gif') top right no-repeat; }
        div.SandBox-rounded-btm          { background: url('../../img/sandbox/btmright.gif') top right no-repeat; }
        	
		div#loggedIn_view                { float:right; display:inline; margin:28px 0px 0px 10px; padding:0px; }
		div#login-block                  { float:left; display:inline; }
		div#logout-block                 { float:left; display:inline; padding-left:12px; }	    	  
		div#login-block-left             { float:left; background: url('../../img/portal-login-left.gif') no-repeat; display:inline; color:#ffffff; width:30px; min-height:28px; _height:28px; margin:0px; }
		div#login-block-right            { float:left; background: transparent url('../../img/portal-login-right.gif') right; color:#ffffff; display:inline; min-height:28px; _height:28px; padding-right:16px; margin:0px; }
        div#logout-block-left            { float:left; background: url('../../img/portal-logout-left.gif') no-repeat; display:inline; width:30px; min-height:28px; _height:28px; margin:0px; }
        div#logout-block-right           { float:left; background: transparent url('../../img/portal-logout-right.gif') right; display:inline; min-height:28px; _height:28px; padding-right:16px; margin:0px; }
        div#login-block-right p          { padding:4px 0px 3px 4px; color:#ffffff; }
        div#logout-block-right p         { padding:5px 0px 3px 4px; }
        div#login-box-left               { float:left; display:inline; border-right:1px solid #ebebeb; padding:10px; }
        div#login-box-right              { float:left; display:inline; padding:30px 10px 0px 10px; }        	
        	    
        div.divide-box-left              { float:left; display:inline; border-right:1px solid #ebebeb; padding:10px; }
        div.divide-box-right             { float:left; display:inline; padding:10px; }	    
	    div#help-block                   { float:right; display:inline; margin:12px 24px 12px 12px; }
	    
	    img.img-64                       { width:64px; min-height:64px; display:inline; vertical-align:middle; }
	    
	    img.icon-48                      { width:48px; min-height:48px; _height:48px; display:block; margin:10px auto 0px auto; }
	    img.icon-32                      { width:32px; min-height:32px; _height:32px; display:block; margin:20px auto 0px auto; }
	    img.icon-24                      { width:24px; min-height:24px; _height:24px; display:inline; margin:0px; }	    	    
	    img.icon-16                      { width:16px; min-height:16px; _height:16px; display:block; margin:5px 0px 0px 10px; }
	    img.icon-16-sline                { width:16px; min-height:16px; _height:16px; display:inline; margin:0px 0px 0px 5px; }
	    img#img-help-button              { display:inline; margin:1px 2px -3px 0px; }
        img.headline-image               { float:left; margin:1px 0px 4px 10px; display:inline; width:24px; min-height:24px; _height:24px; }                      	   	
	   	img.SandBox-image                { width: 8px; height: 8px; border: none; display: block !important; }  	    
	   	        	   	
	   	h1.main-headline                 { color:#2c2c2c; font-family:Arial; font-size:2.10em; line-height:1.30em; padding:15px 0px 5px 10px; font-weight:normal; }    
        h2                               { color:#2c2c2c; font-size:1.40em; font-family: Arial, Verdana, sans-serif;  line-height:24px; margin:2px 10px 6px 10px; font-weight:normal; }        
        h2.fat                           { color:#2c2c2c; font-size:1.40em; font-family: Arial, Verdana, sans-serif; line-height:24px; margin:2px 0px 6px 10px; font-weight:bold; }        
        h3                               { color:#2c2c2c; font-size:1.10em; font-family: Arial, Verdana, sans-serif;  line-height:16px; margin:2px 5px 3px 5px; font-weight:normal; }        
        h2.LBox-rounded-headline         { float:left; color:#404040; margin:1px 2px 4px 6px; display:inline; }        
        em                               { color:#fff; margin:0px 4px 0px 4px; font-weight:bold; }                
        
        input[type=text], input[type=password] { border:1px solid #c2c2c2; display: block; background-image: url('../../img/input-bg.jpg') no-repeat top left; padding:2px; margin-bottom:0.6em; line-height:1.40em; height:1.40em; _margin-left:-12px; }	    
        input[type=hidden]               { display:none;}
        select                           { border:1px solid #c2c2c2; display: block; background-image: url('../../img/input-bg.jpg') no-repeat top left; padding:2px 0px 2px 0px; margin-bottom:0.6em; }
        select                           { font-size:90%; }
        select optgroup                  { background:#f2f2f2; }
        select option                    { background:#ffffff; }
	    
	    div.startpage                    { margin:auto; min-height:200px; _height:200px; height:200px; }
	    
        .clear                           { overflow: hidden; width: 100%; }
        a.button, a.button:link, a.button:visited { background: transparent url('../../img/btn_coal2.gif') no-repeat scroll top right; color: #ffffff; display: block; float: left; font: normal 12px arial, sans-serif; height: 29px; margin-right: 6px; padding-right: 5px;  text-decoration: none; }
        a.button span span, a.button:link span, a.button:visited span { background: transparent url('../../img/btn_coal1.gif') no-repeat; color: #ffffff; display: block; line-height: 19px; padding: 5px 12px 5px 14px; _border:0px; } 
        a.button:active, a.button:hover  { background-position: bottom right; outline: none; }
        a.button:active { color: #a8a8a8; }
        a.button:active span, a.button:hover span { background-position: bottom left; padding: 5px 12px 5px 14px; /* push text down 1px */ }     
	    
        a, a:link, a:visited, a:active   { color:#b7221b; text-decoration: none; font-weight:bold; }        
        a:hover                          { text-decoration: underline; }

        a.nt-icon, a.nt-icon:link, a.nt-icon:visited, a.nt-icon:active   { color:#454545; text-decoration: none; font-weight:normal; display:inline; }        
        a.nt-icon:hover                  { text-decoration: underline; }

        a.awhite, a.awhite:link, a.awhite:visited, a.awhite:active   { color:#ffffff; text-decoration: none; font-weight:normal; }        
        a.awhite:hover                   { text-decoration: underline; }	
        div#dimmer                       {z-index:100;background:#CCCCCC url(../../img/loadingAnimation.gif) no-repeat scroll 350px 200px;}

        h2.LBox-rounded-headline a, h2.LBox-rounded-headline a:link, h2.LBox-rounded-headline a:active, h2.LBox-rounded-headline a:visited { float:left; color:#404040; margin:1px 2px 4px 6px; display:inline; font-weight:normal; }
        h2.LBox-rounded-headline a:hover  { text-decoration:underline; }