body{
	background-color: #D5D5D5;
	color: navy;
}
span.cleverlogo	{
	color: navy;
	font-family: "Times New Roman", Times, serif;
}

#layout-main{
	background: white;
	position: relative;
	text-align: left;
	width: 756px;
	margin: 0px auto 0px auto;
	border-left: 2px solid #747474;
	border-right: 2px solid #747474;
}

#cleverdocs-logo {
	padding: 13px 0 10px 14px;
	font-size: 30px;
	height: 37px;
}

#layout-main-out {
	width: 100%;
	text-align: center;
	min-width: 764px; 
}

table.mainmenu-top{
	border-collapse: collapse;
	border: 0;
}

table.mainmenu-top td{
	
}

td.mainmenu-tab{
	background: transparent url(images/tab-bg.gif) no-repeat left;
	height: 35px;
	padding: 0 0 0 11px;
}

td.mainmenu-tab a{
	display: block;
	background: transparent url(images/tab-r.gif) no-repeat right;
	height: 17px;
	padding: 16px 11px 2px 0;
	color: #646464;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

td.mainmenu-tab a:hover, td.mainmenu-tab a.selected{
	color: navy;
}

td.mainmenu-tab-selected{
	background: transparent url(images/tab-sel-bg.gif) no-repeat;
	height: 35px;
	padding: 0 0 0 11px;
}

td.mainmenu-tab-selected a{
	display: block;
	background: transparent url(images/tab-sel-r.gif) no-repeat right;
	height: 17px;
	padding: 16px 11px 2px 0;
	color: White;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.mainmenu-top{
	background: transparent url(images/tab-sub-top-bg.gif) repeat-x bottom;
}

div.mainmenu-bottom{
	background: Navy url(images/tab-sub-bottom-bg.gif) repeat-x bottom;
	height: 14px;
	padding: 2px 3px 12px 3px;
/*	color: #646464;*/
	color: White;
	line-height: 16px;
}

#layout-main>div.mainmenu-bottom{
	height: auto;
	min-height: 14px;
}

div.mainmenu-bottom a{
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	margin: 0 8px;
	white-space: nowrap;
}

div.mainmenu-bottom a.selected, div.mainmenu-bottom a:hover {
	color: White;	
}

div#bottom-bar{
	background: transparent url(images/bottom-bar.gif) repeat-x;
	height: 77px;
	text-align: center;
}

div#bottom-logos{
	white-space: normal;
	height: 13px;
	padding: 22px 11px 8px 11px;
	overflow: hidden;
}

div#bottom-logos a{
	text-decoration: none;
}

div#bottom-logos a.selected{
	font-weight: bold;
}

div#bottom-menu{
	color: #acacac;
	font-size: 10px;
	padding: 5px 0 0px 0;
}

div#bottom-menu a{
	color: #acacac;
	text-decoration: none;
	padding: 0 2px 0 2px;
}

div#bottom-menu a:hover{
	color: navy;
}

div#copyright{
	color: #acacac;
	font-size: 9px;
}

div#bottom-logos a img{
	border: 0;
}

/* Layout*/ 
table.layouttable{
	width:756px;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}

td.contentarea{
	padding: 0 50px 0 50px;
	vertical-align: top;
}

td.sidebar{
	padding: 0 50px 0 0;
	vertical-align: top;
	width: 220px;
}

body.popup table.layouttable{
	width: 100%;
}

body.popup td.sidebar{
	display: none;
}

/* Buttons */
.button1, .button1g {
	background: url(images/button1-bg.gif) no-repeat left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 24px;
	color: white;
	text-decoration: none;
	display: block;
	/*width: auto;*/
	text-align: center;
	cursor: pointer;
}

.button1:visited{
	color: white;
}


.button1 span, .button1g span{
	background: url(images/button1-r.gif) no-repeat right;
	padding: 3px 10px 3px 10px;
	height: 18px;
	display: block;
	width: auto;
}

.button1g, .button1g:visited{
	background-image: url(images/button1g-bg.gif);
	color: black;
}

.button1g span{
	background-image: url(images/button1g-r.gif);
}

.button2, .button2:visited {
	background: url(images/button2-bg.gif) no-repeat left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 34px;
	color: white;
	text-decoration: none;
	display: block;
	width: 85px;
	text-align: center;
	cursor: pointer;
	margin: 5px 0;
}

.button2 span{
	background: url(images/button2-r.gif) no-repeat right;
	line-height: 12px;
	padding: 3px 5px 3px 5px;
	height: 28px;
	display: block;
	width: auto;
}

h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color:	#646464;
	text-align: left;
	clear: both;
	margin: 0;
	padding: 15px 0 10px 0;
}

h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: navy;
	text-align: left;
	clear: both;
	margin: 0;
	padding: 10px 0 5px 0;
}

/* Login form */

#loginform{
	margin: 0;
	color: #515151;
}

#loginform table{
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#loginform td{
	padding: 4px 0px 4px 0;
}

#loginform table label{
	width: 116px;
	display: block;
}

#loginbutton{
	float: right;
	width: 50px;
}

#logoutbutton{
	float: right;
	width: 61px;
}

#registerhere{
	float: left;
	width: 104px;
}

#loginform input.login{
	border: 1px solid #646464;
	color: #515151;
	font-size: 12px;
	width: 100px;
}

#searchbox{
	position: absolute;
	width: 240px;
	top: 20px;
	right: 5px;
	text-align: right;
}

#searchbox input{
	border: 1px solid #646464;
	color: #515151;
	font-size: 12px;
	width: 100px;
	margin: 3px 0;
}

a{
	color:	navy;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#searchbox a{
	color:	navy;
	text-decoration: none;
}

#searchbox a:hover{
	text-decoration: underline;
}

/* Shopping cart */

table.sc-products{
	border-collapse: collapse;
}

td.sc-product{
	padding: 10px 50px;
}

td.sc-separator{
	padding: 0;
	border: none;
	background: url(images/sepline.gif);
	height: 1px;
	empty-cells: show;
}

td.sc-hdr{
	padding: 0px 50px;
}

h1.sc-catname{
	color:	navy;
}

table.sc-versions{
	width: 230px;
	float: right;
}

table.sc-versions td.sc-price{
	font-weight: bold;
	color: #2E2E2E;
	width: 100px;
}

table.sc-cart td.sc-price{
	width: 80px;
}

td.sc-product{
	font-size: 12px;
}

td.sc-product h3{
	font-size: 12px;
	color: #2E2E2E;
	font-weight: bold;
	margin: 1em 0;
}

a#cleverdocshelp{
	font-size: 11px;
	font-weight: bold;
	display: block;
	width: 70px;
	position: absolute;
	top: 5px;
	right: 5px;
	color:	navy;
	text-decoration: none;
	text-align: right;
}

a#cleverdocshelp:hover{
	text-decoration: underline;
}

.toplink{
	font-size:10px;
	margin: 20px 0 -5px 50px; 
}

.smallprint{
	font-size: 9px;
	color: #888;
	margin: 5px 0 5px 0;
}

div.layout-padding{
	padding: 0px 45px;
}