﻿.h1-wrapper{
	border-top:1px #d2dfe8 solid;
	border-bottom:1px #d2dfe8 solid;
	margin: 20px 0 0 0 ;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#0d5c99;
	background:#e0edf6 url(../images/layout/h1.gif) no-repeat;
	margin: 20px 0px 0px 0px;
	padding:0px 5px 0px 15px;
	line-height:30px;
	height:30px;	
	/*
		border-bottom:1px #d2dfe8 solid;
	border-top:1px #ffffff solid;*/

}

h2{
	font-size:14px;
	color:#0d5c99;
	font-weight:bold;
	font-family:Arial, verdana, sans-serif;
	letter-spacing:1px;
	color:#9E376A;
}

h2:first-child{
	padding-top:0px;
}

h3{
	font-size:11px;
	font-weight:bold;
	color:#0d5c99;
	background:url(../images/layout/h3.gif) repeat-x;
	border:1px #d2dfe8 solid;
	height:23px;
	line-height:23px;
	padding:0px 5px;
	margin:4px 0px;
}

h5{
	font-size:11px;
	font-weight:bold;
}

.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:0 0;}
.icon16-info {background-position:-16px 0;}
.icon16-download {background-position:0 -16px;}
.icon16-zip {background-position:0 -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:0 -48px;}

/*
icon48-left {position:relative; padding-left:55px;}
icon48-left icon48{position:absolute; left:5px; top:5px; overflow:hidden;}*/


.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 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;}

.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: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}

.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; }


