/* Layout styles */
#container {
	position:relative;
	min-width:680px;
	max-width:69em;	
	margin: 0 auto;
	padding-top:15px;
}
* html #container {
	width:95%;
}

#header {
	display:block;
	position:relative; /* to allow siblings absolute positioning with respect to #header */
	width:100%;
	height:60px !important; /*DEV: make this em-related*/
	margin:0;
	padding:0;
	border:none;
	margin-bottom:5px;  /*DEV: make this em-related*/

}
#header a {
	display:block;
	height:100%;
	width: 100%;
	margin:0;
	padding:0;
	border:none;
}
#header h1 a:hover {
	cursor:pointer;
}
#header_bkg, #header_bkg_r {
	display:block;
	position:absolute;
	width:100%;
	height:100%;	
	top:0;
	z-index:20; /* #header_bkg level */
	background:url(/css/basic/images/header-bkg-grey.png) no-repeat;
}
#header_bkg {
	left:0;
}
#header_bkg_r {
	width:7px;
	right:0;
	z-index:21; /* above #header_bkg */	
	background:url(/css/basic/images/header-bkg-grey-r.png) no-repeat;
}
#content {
	width: auto;
	position:relative;
	border: 1px solid #CCCCCC;	
	padding: 0 10px;
	margin: 0 170px;
	background-color:#FFFFFF;
	border-radius:8px;
	-moz-border-radius:8px;
}
/* Menu styles */
ul#menu {
	position:absolute;
	top:80px;
	left:0;
	width:160px;
	border:1px solid #CCCCCC;
	background-color:#F3F3F3;
	border-radius:8px;
	-moz-border-radius:8px;
	list-style: none;
	margin:0;
	padding:7px 0;
	text-transform: capitalize;
}
#menu li {
	display:inline;
	margin:0;
}
#menu a, #menuSelected {
	display:block !important;
	padding: 5px 0px 5px 15px;
}
#menu a:visited {
	color:#002BB8;
}
#menu a:hover, #menu a:active, #menu a:focus, #menuSelected {
	background-color:#FFFFFF !important;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-top:4px !important;
	padding-bottom:4px !important;
	color: #FF6600 !important;
}
#footer {
	font-size: 80%;
	text-align: center;
	padding:10px 0;
	clear:both;
	margin:0 170px;
}
#secondary_column {
	position:absolute;
	top:80px;
	width:160px;
	margin:0;
	border:1px solid #CCCCCC;
	background-color:#F3F3F3;
	border-radius:8px;
	-moz-border-radius:8px;
}

#secondary_column {
	width:140px;
	padding:7px 10px;
	right:0 !important;
}
* html #secondary_column {
	width:135px;
}
#secondary_column a {
	font-size:10px;
}

/* Search form */
form#searchWeb {
	margin:0;
	padding:0;
}
#searchWeb fieldset {
	padding:5px 0;
	border:none;
	background:none;
}
#searchWeb label {
	font-size:80%;
}
#searchBox {
	background-color:#D9DBE1;
	width:99%;
}
#sbi {
	background:url("/images/magnifier.png") #D9DBE1 no-repeat;
	padding:1px 2px 1px 17px;
	width:120px;
}
#searchBox:hover, #searchBox:focus, #sbi:hover, #sbi:focus {
	background-color:#FFFFFF;
}
input#searchBtn, input#sbb {
	margin:0.5em 0;
	font-weight:bold;
}
#reklama_sidebar h3 {
font-size: 1em;
/*border:none;*/
}
.subtitle, img.icon, img.product-logo {
	border: none;
}
img.icon, img.product-logo {
	margin-right:6px;	
}
img.icon {vertical-align:middle;}
img.product-logo {float:left;max-width:150px;}

div.product, div.product2, div.tool, div.tool2 {
	width:44%;
	margin:3px 3px;
	padding:5px 8px;
	border:1px solid #cccccc;	
	border-radius:8px;
	-moz-border-radius:8px;
	float:left;
}
div.product, div.tool {
	clear:left;
}
div.product h2, div.product2 h2, div.tool h2, div.tool2 h2 {
	margin-top:0;
	border:none;
}
div.product h3, div.product2 h3, div.tool h3 ,div.tool2 h3{
	font-style:italic;
	font-weight:normal;
	margin:0;
}
div.product p img, div.product2 p img {
	float:left;
}


.install-button a { text-decoration: none !important; font-size: 110%; text-align: left; color: #062445; background: #7cc11c url("/images/installbtn-bg.png") 100% 0 no-repeat; }
.install-button a span { background: transparent url("/images/installbtn-edges.png") left bottom no-repeat; }
.install-button a span span { background: transparent url("/images/installbtn-edges.png") right bottom no-repeat; }
.install-button a span span span { background: transparent url("/images/installbtn-edges.png") left top no-repeat; }
.install-button a span span span span { background: transparent url("/images/installbtn-edges.png") right top no-repeat; }
.install-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: 100% -300px; }
.install-button:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;} /* clear floats */
.install-button a { float: left; cursor: pointer; }
.install-button a * { display: block; float: left; position: relative; }
.install-button a span { padding: 0 0 0 6px; }
.install-button a span span { padding: 0 0 8px 0; }
.install-button a span span span { left: -6px; padding: 0 0 6px 0; }
.install-button a span span span span { left: 6px; padding: 10px 70px 0 6px; }
.install-button a span span span span strong {padding: 0px 45px 0px 6px;}

img.screenshot {
	width:31%;
	margin: 0 1% 1% 0;
	vertical-align:top;
}
#content blockquote {
	margin:0.5em 50px;
	font-size:80%;
	border-left:2px solid #CCC;
	padding-left:10px;
	font-family:serif;
}
#content p .bookmarklet {
	display:block;
	margin:0 auto;
	width:100px;
	background-repeat:no-repeat;
	background-position:8px center;
	background-color:#AAC440;
	background-image:url('/images/link_add.png');
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-align:right;
	padding:6px 10px;
	color:#FFFFFF;
	font-weight:bold;
}

a.bookmarklet
{
		text-decoration:none;
}
a.bookmarklet:hover
{
		text-decoration:underline;
}


.inline-icon
{
		border:none;
		height:16px;
}



.super.button 
{ 
		
		background-image: url(../../images/36px-blended.png); 
		padding: 4px 14px 6px;
		border: 1px solid rgba(0,0,0,.25); 
		border-bottom-color: rgba(0,0,0,.35); 
		-webkit-border-radius: 15px; 
		-moz-border-radius: 15px; 
		font-size:13px;
}

.small.super.button 
{ 
		font-size: 11px; 
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px; 
}

.large.super.button 
{ 
		background-position: 0 0; 
		padding: 6px 17px 8px; 
		-webkit-border-radius: 18px; 
		-moz-border-radius: 18px; 
}

a.button
{
		outline:0 none;
}

a.button:hover
{
		text-decoration:none;
}

.button
{
		background:#222 url(../../images/overlay-button.png) repeat-x 0 0;
		display:inline-block;
		padding:5px 15px 6px;
		color:#fff !important;
		font-size:13px;
		font-weight:bold;
		line-height:1;
		text-decoration:none;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
		text-shadow:0 -1px 1px rgba(0,0,0,0.25);
		border-bottom:1px solid rgba(0,0,0,0.25);
		position:relative;
		cursor:pointer;
		overflow:visible;
		width:auto
}


/* Colors */


.green.button
{
		background-color:#91bd09
}
.green.button:hover
{
		background-color:#749a02
}
.blue.button
{
		background-color:#2daebf
}
.blue.button:hover
{
		background-color:#007d9a
}
.red.button
{
		background-color:#e33100
}
.red.button:hover
{
		background-color:#872300
}
.magenta.button
{
		background-color:#a9014b
}
.magenta.button:hover
{
		background-color:#630030
}
.orange.button
{
		background-color:#ff5c00
}
.orange.button:hover
{
		background-color:#d45500
}
.orangellow.button
{
		background-color:#ffb515
}
.orangellow.button:hover
{
		background-color:#fc9200
}
.white.button
{
		background-color:#fff;border:1px solid #ccc;color:#666 !important;font-weight:normal;text-shadow:0 1px 1px rgba(255,255,255,1)
}
.white.button:hover
{
		background-color:#eee
}
.secondary.button
{
		background:#fff url(/images/gradients/36px-black.png) repeat-x 0 0;color:#555 !important;text-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #bbb;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1)
}
.secondary.button:hover
{
		background-color:#eee;color:#444 !important;border-color:#999
}