﻿.h1-wrapper{
	border-top:1px #d2dfe8 solid;
	border-bottom:1px #d2dfe8 solid;
	margin: 20px 0 0 0 ;
}

/*h1 - see master.css*/

h2{
	font-size:14px;
	font-family:Arial, verdana, sans-serif;
	color:#0d5c99;
}

h2:first-child{
	padding-top:0px;
}

h3{
	font-size:11px;
	font-weight:bold;
	color:#0d5c99;
	background:url(../images/layout/h3.gif) repeat-x;
	background-color:#E7F4FB;
	border:1px #d2dfe8 solid;
	height:23px;
	line-height:23px;
	padding:0px 5px;
	margin:4px 0px;
}

h5{
	font-size:12px;
	font-weight:bold;
/*	color:#0d5c99;*/
	color:#B0001A;
	margin-bottom:5px;
}

.side-bar h3{background:none; border:none;}

.side-bar{
	margin:auto; 
	background:#e8f4fb url(../images/layout/side-bar.gif) no-repeat; 
	width:150px; 
	min-height:150px;
	padding:10px;
}

/*.side-bar ul{
	font-size:11px;
}

.side-bar ul li {
	padding-left:22px;
	line-height:20px;
}*/


.side-bar-footer{margin:auto; background:url(../images/layout/side-bar-footer.gif) no-repeat; width:170px; height:18px;}

/* >> Icons <<
-----------------------------------------------------------------------------*/

.icon-left {position:relative; padding-left:25px;}

.icon-left .icon16 {
	position: absolute; 
	left:5px;
	top:3px;
/*	top: 50%; margin-top: -8px; left: 90%; margin-left: -8px; */
	overflow:hidden;
	}

.icon16{width:16px;height:16px;background:url(../images/icons16.png) no-repeat;}

.icon16-help {background-position:  0px 0px;}
.icon16-info {background-position:-16px 0px;}
.icon16-warn {background-position:-32px 0px;}

.icon16-download {background-position:0 -16px;}

.icon16-zip  {background-position:  0px -32px;}
.icon16-xls  {background-position:-16px -32px;}
.icon16-pdf  {background-position:-32px -32px;}
.icon16-ppt  {background-position:-48px -32px;}
.icon16-doc  {background-position:-64px -32px;}

.icon16-mail {background-position:  0px -48px;}
.icon16-phone{background-position:-16px -48px;}

.icon16-calc {background-position:  0px -64px;}
.icon16-graph{background-position:-16px -64px;}

.icon16-clock   {background-position:  0px  -80px;}
.icon16-hglass  {background-position:-16px  -80px;}
.icon16-cal     {background-position:-32px  -80px;}
.icon16-calday  {background-position:-48px  -80px;}
.icon16-calmon  {background-position:-64px  -80px;}
.icon16-calseld {background-position:-80px  -80px;}
.icon16-calselds{background-position:-96px  -80px;}
.icon16-calselw {background-position:-112px -80px;}
.icon16-calselr {background-position:-128px -80px;}
.icon16-calselm {background-position:-144px -80px;}

.icon48-doc {background-image:url(../images/icons/48/icon48_doc.png);}
.icon48-xls {background-image:url(../images/icons/48/icon48_xls.png);}
.icon48-pdf {background-image:url(../images/icons/48/icon48_pdf.png);}
.icon48-zip {background-image:url(../images/icons/48/icon48_zip.png);}        

.main-menu
{
	font-size:11px; 
	line-height:18px; 
	margin:0px 5px;
	}

.main-menu li a, .main-menu li a:visited{
	text-decoration:none;
	display:inline-block;
	width:100%;
	border:none;
	padding:0px 0px 0px 4px;
	/*height:21px;*/
	line-height:21px;
	color:#4a6065; 
	/*background:url(../images/layout/main-menu-hover.gif) no-repeat -156px 0;*/
}

.main-menu li a:hover {
	
	background-color:#d0003c;
	color:#FFFFFF;
	/*border:solid 1px #CCCCCC;*/
	
    /*	background-position:0px 0px;*/
}
    .main-menu li.parent a{
        font-weight:bold;
        font-size:12px;
    }

    .main-menu li.child a {
        font-weight: normal;
    }

.main-menu li a.icon-left, .main-menu li a.icon-left:visited {width:170px; padding-left:25px;}


/* >> Error Pages <<
-----------------------------------------------------------------------------*/

.etitle{margin-top:100px;}

.ebox {text-align:left; margin-top:50px;}
.ebox p.reason{ margin:15px 10px 0px 10px; color:#FFFFFF; font-size:14px; font-weight:bold;}
.ebox p.solution{margin:-5px 10px; color:#c1e9ff; font-size:12px; font-weight:normal;}

.e404 {background:url(../images/errors/404-box.gif) no-repeat; width:711px; height:159px;}

/* >> Home Page Specific <<
-----------------------------------------------------------------------------*/
 
#preamble
{
	background:url(../images/home/preamble.jpg) no-repeat;
	height:160px;
	width:550px;
	padding-top:10px;
	margin-bottom:0px;
}

#preamble p{
	margin-left:150px;
	margin-right:10px;
	font-size:14px;
	color:#FFFFFF;
}

#service-clusters
{
	width:550px;
	height:331px;
	border-collapse:collapse;
	background:url(../images/home/clusters-bg.gif) no-repeat 0px 31px;
}
	
	
	#service-clusters th {}

	.corporate 		{color:#9E376A;}
	.employers		{color:#335D00;}
	.taxpayers		{color:#666666;}
	.notaries       {color:#006699;}
	.others         {color:#a50d2b;}
			
	.cluster-title	{text-align:center; font-size:11px; font-weight:bold;}

	.service-cluster{vertical-align:top; font-size:11px; padding:5px; color:#0D5C99;}
	.service-cluster span {margin:5px; display:inline-block;}
	
/*		.service-cluster a{text-decoration:none; background:url(../images/arrow_e.gif) no-repeat right; padding-right:15px;}*/
		
	#service-clusters td, th{padding:0px;}
		
	#service-cluster-footer	{}

		#service-cluster-footer td {line-height:18px; padding-left:15px;  font-size:12px; color:#0D5C99;}


.feature{background-color:#FFFFFF; border:solid 1px #CCCCCC;}

/* >> Downloads <<
-----------------------------------------------------------------------------*/

.download {background-repeat:no-repeat;
                   margin:10px 0px 0px 0px;
                   padding:0px 10px 0px 60px;
                   font-weight:bold;
                   font-size:12px;
                   min-height:50px;
                   border-bottom:dotted 1px #CCCCCC; }
        
.download a {text-decoration:none;  display:block; margin-bottom:10px;}
.download a:visited{color:#303e41}        
.download span {color:#888888}
        
                                      
.download p { font-weight:normal; font-size:11px; margin-top:5px;}
        
.download p span {margin-right:10px;}            
                    
/* >> Buttons <<
-----------------------------------------------------------------------------*/
.button70, .button70:visited {background-image:url(../images/button_70x25.gif); background-repeat:no-repeat; width:70px; height:25px; display:inline-block; line-height:25px; text-decoration:none; text-align:center;}

.button70[disabled], 
.button70[disabled]:hover, 
.button70-E[disabled],
.button70-E[disabled]:hover {
    background-color:#CCCCCC;
    color:#000;
    opacity:0.2;
}

    .button70-E[disabled]:hover {
        background-position: -70px -25px;
    }
}

.button70:hover{font-weight:bold;}
.button70-C {background-position:   0px -25px; color:#9E376A;}
.button70-E {background-position: -70px -25px; color:#335D00;}
.button70-I {background-position:-140px -25px; color:#666666;}
.button70-N {background-position:-210px -25px; color:#006699;}
.button70-O {background-position:-280px -25px; color:#a50d2b;}

.button70-C:hover {background-position:   0px 0px; color:#FFFFFF}
.button70-E:hover {background-position: -70px 0px;}
.button70-I:hover {background-position:-140px 0px;}
.button70-N:hover {background-position:-210px 0px; color:#FFFFFF}
.button70-O:hover {background-position:-280px 0px; color:#FFFFFF}

.button100, .button100:visited{background-image:url(../images/button_100x25.png); background-repeat:no-repeat; width:100px; height:25px; display:inline-block; line-height:25px; text-decoration:none; text-align:center;  }
.button100:hover{font-weight:bold;}
.button100-C {background-position:   0px -25px; color:#9E376A; }
.button100-E {background-position: 100px -25px; color:#335D00; }
.button100-I {background-position:-200px -25px; color:#666666; }
.button100-N {background-position:-300px -25px; color:#006699; }
.button100-O {background-position:-400px -25px; color:#a50d2b; } 

.button100-C:hover {background-position:   0px 0px; color:#FFFFFF}
.button100-E:hover {background-position:-100px 0px;}
.button100-I:hover {background-position:-200px 0px;}
.button100-N:hover {background-position:-300px 0px; color:#FFFFFF}
.button100-O:hover {background-position:-400px 0px; color:#FFFFFF}

.dwnbutton120, .dwnbutton120:visited{background-image:url(../images/download_120x25.png); background-repeat:no-repeat; width:120px; height:25px; display:inline-block; line-height:25px; text-decoration:none; text-align:center;}
.dwnbutton120:hover {background-position:-120px 0px}

.blank-button, .blank-button:visited  {background:url(../images/buttons-small.png) no-repeat; width:74px; height:29px; display:inline-block; line-height:29px; text-decoration:none; text-align:center;}
.read-button  {background:url(../images/readmore-buttons.png) no-repeat; width:74px; height:29px; display:inline-block;}
.login-button {background:url(../images/home/login-buttons.png) no-repeat; width:74px; height:29px; display:inline-block;}

.button-corporate {background-position:0px -29px;  color:#9E376A;}		
.button-employers {background-position:-74px -29px; color:#666666; }		
.button-taxpayers {background-position:-148px -29px; color:#666666;}		

.button-corporate:hover {background-position:0px 0px; color:#FFFFFF}		
.button-employers:hover {background-position:-74px 0px; color:#335D00}		
.button-taxpayers:hover {background-position:-148px 0px;  color:#666666}		


.faq{margin:10px; background:url(../images/layout/30x50_navygrad.gif) no-repeat;}
.faq-index{width:30px; font-weight:bold; font-size:18px; padding-top:10px; color:#FFFFFF; font-family:Arial, helvetica, Sans-Serif}
.faq-wrapper{background:#FFFFFF url(../images/layout/30x50_skygrad.gif) repeat-x 0px 2px; margin-left:30px; border:solid 1px #CFE9F7; padding:5px;}
.question{padding-bottom:10px; font-size:12px; font-weight:bold; color:#006699; border-bottom:1px #FFFFFF;}
.question a {text-decoration:none; color:#006699;}
.answer{padding-top:10px; border-top:solid 1px #CFE7F7;}

/*
ol.faq{
	margin: 20px 10px;
	
	padding: 0 0 0 35px;
}
		
ol.faq li{
	margin: 10px 0px 0px 0px;
	padding: 15px 15px;
	border-bottom:dotted 1px #d2dfe8;
	background:#FEC473 url(../images/layout/25x100_yellowgrad.gif) repeat-x -20px 0px ; /*--Bg of the order numbers--
	
}
		
ol.faq li p {
	color: #4a6065;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6em;
}
				
ol.faq li p.question{
	font-weight:bold;
	color:#006699
}		

*/

/* >> Bubbles <<
-----------------------------------------------------------------------------*/

.bubble {
	background-color:#FFFFFF; 
	background-repeat:no-repeat; 
	background-position:10px 10px; 
	border:solid 1px #cfe7f7; 
	padding-top:10px;
	padding-left:65px;
	margin:5px;
	font-size:18px; font-weight:bold;
}
	

.bubble p{color:#1a80b3; font-size:12px; font-weight:normal;}

.bubble-arrow    {background-image:url(../images/icons/48/arrow.png); color:#d99c37;} 
.bubble-target   {background-image:url(../images/icons/48/target.png); color:#980a0a;}
.bubble-helpdesk {background-image:url(../images/icons/48/helpdesk.png); color:#1a80b3;}
.bubble-eco      {background-image:url(../images/icons/48/eco.png); color:#98b559;}
.bubble-29users   {background-image:url(../images/icons/48/29users.png); color:#d99c37;}
.bubble-30users  {background-image:url(../images/icons/48/30users.png); color:#98b559;}


.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }


	    table.taxrate {width:600px;
	                   Background-color:#F8F3E2;
					   border-right: solid 1px #A8A594;
					   border-left: solid 1px #A8A594;
					   border-bottom: solid 1px #A8A594;
					   font-family:Arial;
					   font-size:8pt;
					   margin:10px auto 10px auto;
					   border-collapse:collapse}

        table.taxrate tr.title th {background:url(../images/layout/header.png) repeat-x; color:#FFFFFF; vertical-align:middle; font-size:9pt;}
        	
        table.taxrate th {font-size:8pt;
						  color:#716F64;
						  height:27px;
						  vertical-align:middle;
						  text-align:center;
						  font-weight:normal;
						  }

            table.taxrate th.text-left {
                text-align: left;
            }        
        	
        table.taxrate td {padding-top:4px;
						  padding-bottom:3px;}

        table.taxrate td.space			
        {   border-left:solid 1px #A8A594;
            border-right:solid 1px #A8A594;
            width:10px;}

        table.taxrate td.text,
        table.taxrate td.lower-value,
        table.taxrate td.upper-value,
        table.taxrate td.band,
        table.taxrate td.category,
        table.taxrate td.contribution,
        table.taxrate td.total,
        table.taxrate td.rate, 
        table.taxrate td.income, 
        table.taxrate td.deduct 		{background-color:#FFFFFF;}

	
	    table.taxrate td.text			{text-align:left;}
	    
        table.taxrate td.rate			{text-align:center;}

        table.taxrate td.category		{border-left:solid 1px #A8A594;
                         		         border-right:solid 1px #A8A594;
		                                 text-align:center;}
        	
        table.taxrate td.lower-value,
        table.taxrate td.upper-value	{text-align:center}
        	
        table.taxrate td.band,
        table.taxrate td.deduct         {text-align:right}	
        	
        table.taxrate td.total          {border-right:solid 1px #7F9DB9;
	                                     text-align:center}

        table.taxrate td.contribution	{text-align:center}
	
        table.taxrate td.footer	{}

        table.taxrate td.sub            {background-color:#D0003C; color:#FFFFFF; padding-left:10px; font-size:8pt; font-weight:bold;}
        table.taxrate td.alt            {background-color:#F1F1F2; border-bottom:solid 1px #CCCCCC}
        table.taxrate td.topB           {border-Top:solid 1px #A8A594;}
        table.taxrate td.bottomB        {border-Bottom:solid 1px #A8A594;}
        table.taxrate td.leftB          {border-Left:solid 1px #A8A594;}
        table.taxrate td.rightB         {border-Right:solid 1px #A8A594;}
        table.taxrate td.label          {color:#716F64}
            table.taxrate td.no-border {
                border: none;
            }
    
        
table.results {margin:auto}
    
    table.results th {height:25px; line-height:15px; color:#006699; font-size:8pt; padding-bottom:2px; padding-right:4px; font-weight:normal;}
    table.results td {height:25px; line-height:25px;} 
    table.results td.topB,
    table.results th.topB {border-top:solid 1px #cfe7f7;}
    table.results td.rightB,
    table.results th.rightB {border-right:solid 1px #cfe7f7;}
    table.results td.bottomB,
    table.results th.bottomB {border-bottom:solid 1px #cfe7f7;}
    table.results td.leftB,
    table.results th.leftB   {border-left:solid 1px #cfe7f7;}
    table.results td.leftDB  {border-left:dotted 1px #cfe7f7;}
    table.results th.option1 {background:url(../images/layout/calendar_header.gif) repeat-x; color:#FFFFFF; font-size:9pt;}
    table.results th.option2 {background:url(../images/layout/calendar-today.gif) repeat-x; color:#FFFFFF; font-size:9pt;}
        

.callout-pointer {background:url(../images/callout.png) no-repeat; background-position: 50% 0; height:28px;}
.callout-outer   {background-color:#333333; padding:5px 7px 7px 7px;}
.callout-inner   {background-color:#F7F7F7; padding:7px; color:#5C5E63; margin-top:2px;}
.callout-title {color:#FFFFFF;}
.callout-icon    {float:left; margin-right:5px;}

/*============================= FORMS ==============================*/

div.form {}
div.form p {padding-bottom:5px}
label.placeholder {
    background-color:White;
    border-radius:10px;
    height:25px;
    line-height:25px;
    display:inline-block;
    padding:5px;
    width:100%;
    margin:0px;
    opacity:0.80;
    }

label.placeholder span { width:100px; display:inline-block;}


/*=================================================================================
  Error-List
  =================================================================================*/

.validator
{
	font-weight:bold;
	font-size:8pt;
	font-family:verdana;
	background-image:url(../images/layout/redsquare.gif);
	background-repeat:no-repeat;
	text-align:center;
	cursor:help;
	color:#FFFFFF;
	/*border:solid 1px #800000;*/
	width:12px;
}

.validator a, .validator a:visited
{
	text-decoration:none;
	width:15px;
	color:#FFFFFF;
	cursor:help;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0;
}

.validation-summary
{
	font-size:8pt;
	color:#B50027;
}

#taxBanner {margin-bottom:20px;}