body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	background: #cccccc;
}

.sifr{
	width: 750px;
	float: left;
}

.wiki{
	height: 20px;
	clear: both;
}


h1, h2, h3, h4, h5, h6{color: #333366;}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1.0em;}

a{color: #336699;}

#wrapper{
	border-bottom: 1px solid #ffffff;
	background: #ffffff url(../images/bg_body_tile.gif) repeat-x;
}

body.sub #wrapper{
	background: #ffffff url(../images/bg_body_tile_sub.gif) repeat-x;
	
}

/*-----container-----*/
#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*-----header-----*/
#header{
	width: 960px;
	height: 60px;
	float: left;
}

#header img{
	float: left;
	margin: 19px 0 0 0;
}

body #header img{
	float: left;
	margin: 20px 0 0 0;
}

#header ul{
	float: right;
	font-size: 0.9em;
	color: #99ccff;
}

#header ul a{
	color: #ffffff;
}

#header ul li{
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 20px 0 0;
	background: #1a548d url(utility_tile.gif) repeat-x;
}

#header ul li.left{
	width: 31px;
	padding: 0;
	background: #ffffff url(utility_left.gif) no-repeat;	
}

#header ul li.right{
	width: 31px;
	padding: 0;
	background: #ffffff url(utility_right.gif) no-repeat;	
}


/*-----banner-----*/
#banner a{
	outline: none;
	width: 960px;
	height: 170px;
	clear: both;
	float: left;
	margin: 0 0 17px 0;
	display: inline;
	position: relative;
	background: transparent url(banner_forum.jpg) no-repeat;
}


#banner ul#menu{
	width: 300px;
	height: 40px;
	float: right;
}

#banner ul#menu li{
	height: 40px;
	float: left;
}

#banner ul#menu li a{
	height: 40px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/menu.gif) no-repeat;
}

#banner ul#menu li#menu_products a{ width: 113px; background-position: 0 0;}
#banner ul#menu li#menu_demo a{ width: 78px; background-position: -113px 0;}
#banner ul#menu li#menu_support a{ width: 109px; background-position: -191px 0;}

#banner ul#menu li#menu_products a:hover{ width: 113px; background-position: 0 -40px;}
#banner ul#menu li#menu_demo a:hover{ width: 78px; background-position: -113px -40px;}
#banner ul#menu li#menu_support a:hover{ width: 109px; background-position: -191px -40px;}

#banner ul#menu li#menu_products a:active{ width: 113px; background-position: 0 -80px;}
#banner ul#menu li#menu_demo a:active{ width: 78px; background-position: -113px -80px;}
#banner ul#menu li#menu_support a:active{ width: 109px; background-position: -191px -80px;}

#banner .viewproducts{
	float: left;
	margin: 40px 0 0 580px;
}

#banner h1{
	text-indent: -9999em;
}


#banner .continueshopping{
	float: left;
	margin: 142px 0 0 0;	
}

#banner #submenu{
	width: 367px;
	height: 29px;
	margin: 141px 0 0 0;
	position: absolute;
	right: 97px;
}

#banner #submenu li{
	float: left;
	margin: 0 0 0 14px;
	display: inline;
}

#banner ul#submenu li#submenu_overview{
	margin: 0;
}

#banner #submenu li a{
	height: 29px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/submenu.gif) no-repeat;
}


#banner ul#submenu li#submenu_overview a{ width: 93px; background-position: -6px -1px;}
#banner ul#submenu li#submenu_features a{ width: 123px; background-position: -113px -1px;}
#banner ul#submenu li#submenu_requirements a{ width: 123px; background-position: -250px -1px;}
#banner ul#submenu li#submenu_buy a{ }

#banner ul#submenu li#submenu_overview a:hover{ width: 93px; background-position: -6px -31px;}
#banner ul#submenu li#submenu_features a:hover{ width: 123px; background-position: -113px -31px;}
#banner ul#submenu li#submenu_requirements a:hover{ width: 123px; background-position: -250px -31px;}
#banner ul#submenu li#submenu_buy a:hover{ width: 83px; background-position: -387px -31px;}

#banner ul#submenu li#submenu_overview a:active{ width: 93px; background-position: -6px -61px;}
#banner ul#submenu li#submenu_features a:active{ width: 123px; background-position: -113px -61px;}
#banner ul#submenu li#submenu_requirements a:active{ width: 123px; background-position: -250px -61px;}
#banner ul#submenu li#submenu_buy a:active{ width: 83px; background-position: -387px -61px;}

#banner ul#submenu li#submenu_overview.ui-tabs-selected a{ width: 93px; background-position: -6px -91px;}
#banner ul#submenu li#submenu_features.ui-tabs-selected a{ width: 123px; background-position: -113px -91px;}
#banner ul#submenu li#submenu_requirements.ui-tabs-selected a{ width: 123px; background-position: -250px -91px;}
#banner ul#submenu li#submenu_buy.ui-tabs-selected a{ width: 83px; background-position: -387px -91px;}


.buy{
	width: 83px;
	height: 29px;
	display: block;
	text-indent: -9999em;
	position: absolute;
	right: 0;
	bottom: 0;
	outline: none;
	background: transparent url(../images/submenu.gif) no-repeat -387px -1px;
}

.buy:hover{ background: transparent url(../images/submenu.gif) no-repeat -387px -31px;}
.buy:active{ background: transparent url(../images/submenu.gif) no-repeat -387px -61px;}


body.sub #banner.checkout #submenu{
	width: 470px;
	height: 29px;
	float: right;
	position: absolute;
	right: 0;
	/*margin: 101px 0 0 0;*/
}

body.sub #banner.checkout #submenu li{
	margin: 0;
	height: 29px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/submenu_cart.gif) no-repeat;
}

body.sub #banner.checkout #submenu li a{
	height: 29px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/submenu_cart.gif) no-repeat;
}

body.sub #banner.checkout ol#submenu li#cart{ width: 124px; background-position: 0px -30px;}
body.sub #banner.checkout ol#submenu li#shipping{ width: 118px; background-position: -124px -30px;}
body.sub #banner.checkout ol#submenu li#confirm{ width: 118px; background-position: -242px -30px;}
body.sub #banner.checkout ol#submenu li#complete{ width: 110px; background-position: -360px -30px;}

body.sub #banner.checkout ol#submenu li#cart.on { width: 124px; background-position: 0px -90px;}
body.sub #banner.checkout ol#submenu li#shipping.on{ width: 118px; background-position: -124px -90px;}
body.sub #banner.checkout ol#submenu li#confirm.on{ width: 118px; background-position: -242px -90px;}
body.sub #banner.checkout ol#submenu li#complete.on{ width: 110px; background-position: -360px -90px;}

body.sub #banner.checkout ol#submenu li#cart.off { width: 124px; background-position: 0px -60px;}
body.sub #banner.checkout ol#submenu li#shipping.off{ width: 118px; background-position: -124px -60px;}
body.sub #banner.checkout ol#submenu li#confirm.off{ width: 118px; background-position: -242px -60px;}
body.sub #banner.checkout ol#submenu li#complete.off{ width: 110px; background-position: -360px -60px;}


/*-----spotlight-----*/
#spotlight{
	width: 750px;
	/*height: 150px;*/
	clear: both;
	float: left;
	margin: 0 0 0 0;
	/*background: transparent url(../images/spotlight.gif) no-repeat;*/
}

#spotlight h1{
	width: 600px;
	float: left;
}

#spotlight ul{
	width: 130px;
	height: 26px;
	float: right;
	margin: 0 20px 0 0;
	display: inline;
}

#spotlight ul li{
	height: 26px;
	float: left;
}

#spotlight li a{
	height: 26px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/tab_spotlight.gif) no-repeat;
}

#spotlight li#one a{width: 32px; background-position: 0 0;}
#spotlight li#two a{width: 33px; background-position: -32px 0;}
#spotlight li#three a{width: 32px; background-position: -65px 0;}
#spotlight li#four a{width: 33px; background-position: -97px 0;}

#spotlight li#one a:hover{width: 32px; background-position: 0 -26px;}
#spotlight li#two a:hover{width: 33px; background-position: -32px -26px;}
#spotlight li#three a:hover{width: 32px; background-position: -65px -26px;}
#spotlight li#four a:hover{width: 33px; background-position: -97px -26px;}

#spotlight li#one a:active{width: 32px; background-position: 0 -52px;}
#spotlight li#two a:active{width: 33px; background-position: -32px -52px;}
#spotlight li#three a:active{width: 32px; background-position: -65px -52px;}
#spotlight li#four a:active{width: 33px; background-position: -97px -52px;}

#spotlight li#one.ui-tabs-selected a{width: 32px; background-position: 0 -78px;}
#spotlight li#two.ui-tabs-selected a{width: 33px; background-position: -32px -78px;}
#spotlight li#three.ui-tabs-selected a{width: 32px; background-position: -65px -78px;}
#spotlight li#four.ui-tabs-selected a{width: 33px; background-position: -97px -78px;}

#spotlight p{
	width: 360px;
	float: left;
	margin: 75px 0 0 20px;
	line-height: 1.5em;
	color: #336699;
}

#spotlight_one, #spotlight_two, #spotlight_three, #spotlight_four{
	width: 750px;
	height: 150px;
	clear: both;
	margin: 0 0 30px 0;
}

#spotlight_one{ background: transparent url(../images/spotlight/attendancesuite.gif) no-repeat; }
#spotlight_two{ background: transparent url(../images/spotlight/blogsuite.gif) no-repeat; }
#spotlight_three{ background: transparent url(../images/spotlight/salesdesksuite.gif) no-repeat; }
#spotlight_four{ background: transparent url(../images/spotlight/scansuite.gif) no-repeat; }



/*-----why-----*/
#why{
	width: 365px;
	\width: 400px;
	w\idth: 365px;
	padding: 0 35px 0 0;
	float: left;
}

#why ul li{
	line-height: 1.6em;
}

/*-----blockquote-----*/
#blockquote{
	width: 330px;
	float: left;	
}

#blockquote h3{
	font-size: 1.4em;
}

#blockquote blockquote{
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.8em;
	margin: 10px 0 0 0;
	color: #666699;
}

#blockquote cite{
	width: 330px;
	float: left;
	text-align: right;
	font-weight: 800;
	font-style: normal;
}

/*-----aside-----*/
#aside{	
	clear: both;
	line-height: 1.6em;
	padding: 0 0 20px 0;
	color: #666666;
	background: #eeeeee url(../images/bg_aside_tile.gif) repeat-x;
}

#aside ul{
	width: 780px;
	text-align: left;
	margin: 0 auto 0 auto;
	background: transparent url(../images/asides.gif) no-repeat top left;
}

#aside ul li{
	width: 210px;
	margin: 30px 0 0 0;
	display: inline;
	float: left;
}

#aside ul li img{
	float: left;
	margin: 0 10px 10px 0;
}

#aside h2{
	height: 16px;
	font-size: 0.9em;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	color: #2a5d90;
}

#aside .aside_help{
	margin: 30px 0 0 35px;
}

#aside .aside_affiliate{
	margin: 30px 0 0 52px;
}

#aside .aside_application{
	margin: 30px 0 0 43px;
}

#aside a{
	font-weight: 800;
	color: #336699;
}

/*-----list-----*/
ul.list{
	margin: 20px 0 20px 10px;
}

ul.list li{
	padding: 0 0 0 15px;
	margin: 0 0 6px 0;
	background: #ffffff url(../images/icons/bullet_blue.gif) no-repeat 0 7px;
}

/*-----footer-----*/
#footer{
	clear: both;
	background: #cccccc url(../images/bg_footer_tile.gif) repeat-x;
}

#footer p{
	padding: 20px 0 0 0;
	color: #999999;
}

#footer p a{
	padding: 0 10px;
	color: #003366;
}

#footer p.copyright{
	font-size: 0.9em;
	margin: 0 0 20px 0;
	color: #999999;
}


/*-----content-----*/
.top{
	width: 750px;
	height: 20px;
	clear: both;
	background: #ffffff url(../images/bg_shell_full_top.gif) no-repeat;
}

#content{
	width: 750px;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 0 40px 0;
	background: #ffffff url(../images/bg_shell_full_bottom.gif) no-repeat 0 100%;
}


/*-----product listing-----*/
ul#products{
	width: 720px;
	margin: 20px 0 0 15px;
	float: left;
	display: inline;
	
}

ul#products li{
	width: 335px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0 0 20px 0;
}

ul#products li img{
	float: left;
	margin: 0 10px 10px 0;
}

ul#products li h2{
	width: 270px;
	float: left;
	font-size: 1.4em;
	color: #666699;
}

ul#products li p{
	margin: 5px 0 0 0;
	line-height: 1.5em;
	color: #336699;
}

ul#products li a{
	font-weight: 800;
	color: #666699;
}

/*-----intro-----*/
#intro{
	width: 750px;
	float: left;
	margin: 5px 0 20px 0;
}

#intro h1{
	float: left;
}

#intro p{
	width: 520px;
	line-height: 1.8em;
	float: left;
	margin: 10px 0 0 0;
}

#intro .download{
	float: right;
	margin: 5px 0 10px 20px;
}

/*-----tabs-----*/
#features h2{
	float: left;
	margin: 0 0 10px 0;
}

#feature_chooser{
	width: 199px;
	clear: both;
	float: left;
	margin: 5px 0 0 0;
}

#feature_chooser li{
	width: 199px;
	height: 28px;
	margin: 0 0 2px 0;
}

#feature_chooser li a{
	width: 199px;
	height: 28px;
	text-indent: 15px;
	line-height: 28px;
	display: block;
	color: #333366;
	background: transparent url(../images/tab_off.gif) no-repeat;
}

#feature_chooser li a:hover{
	width: 199px;
	height: 28px;
	text-indent: 15px;
	line-height: 28px;
	display: block;
	color: #333366;
	background: transparent url(../images/tab_hover.gif) no-repeat;
}

#feature_chooser li a:active{
	width: 199px;
	height: 28px;
	text-indent: 15px;
	line-height: 28px;
	display: block;
	color: #333366;
	background: transparent url(../images/tab_active.gif) no-repeat;
}

#feature_chooser .ui-tabs-selected a, #feature_chooser .ui-tabs-selected a:hover{
	width: 199px;
	height: 28px;
	display: block;
	font-weight: 800;
	color: #336699;
	background: transparent url(../images/tab_on.gif) no-repeat;
}

.ui-tabs-hide{
	display: none;
}

/*-----sub_overview-----*/
#sub_overview{
	clear: both;
}

#sub_overview .ui-tabs-panel{
	width: 511px;
	\width: 551px;
	w\idth: 511px;
	height: 170px;
	\height: 220px;
	he\ight: 170px;
	padding: 25px 20px;
	float: right;
	background: transparent url(../images/featurepanel.gif) no-repeat;
}

#sub_overview .ui-tabs-panel img{
	float: right;
}

#sub_overview .ui-tabs-panel h3{
	width: 155px;
	float: left;
}

#sub_overview .ui-tabs-panel p{
	width: 155px;
	float: left;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	color: #336699;
}


/*-----sub_features-----*/
#sub_features, #sub_requirements{
	clear: both;
}

#sub_features .title, #sub_requirements .title{
	width: 750px;
	height: 34px;
	float: left;
	background: transparent url(../images/title.gif) no-repeat;
}

#sub_features h2, #sub_requirements h2{
	margin: 8px 0 0 20px;
	font-size: 1.3em;
}

#sub_features ul, #sub_requirements ul{
	width: 750px;
	float: left;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #cccccc;
	background: #ffffff url(../images/description_tile.gif) repeat-y;
}

#sub_features ul li, #sub_requirements ul li{
	width: 710px;
	margin: 0 20px 0 20px;
	clear: both;
	float: left;
}

#sub_features ul li dl, #sub_requirements ul li dl{
	float: left;
	margin: 10px 0 15px 0;
}

#sub_features ul li dt, #sub_requirements ul li dt{
	width: 100px;
	float: left;
	text-align: center;
	font-weight: 800;
	color: #666699;
}

#sub_features ul li dd, #sub_requirements ul li dd{
	width: 590px;
	float: right;
	line-height: 1.6em;
	color: #666666;
}

#sub_features table, #sub_requirements table{
	width: 750px;
	float: left;
	margin: 0 0 30px 0;
	background: #ffffff url(../images/description_tile.gif) repeat-y;
}

#sub_features table th, #sub_requirements table th{
	width: 220px;
	padding: 6px 20px;
	border-bottom: 1px solid #dddddd;
	/*border-right: 1px solid #cccccc;*/
	border-left: 1px solid #dddddd;
	text-align: left;
	vertical-align: top;
	/*background: #f1f1f1 url(../images/table_header.gif) repeat-x;*/
	background: #f5f5f5;
}

#sub_features table td, #sub_requirements table td{
	padding: 5px 20px;
	border-bottom: 1px solid #dddddd;
}


/*-----quotes-----*/
#quotes{
	float: left;
	margin: 30px 0 20px 0;
}

#quotes h3{
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#quotes blockquote{
	width: 215px;
	\width: 245px;
	w\idth: 215px;
	line-height: 1.8em;
	font-style: italic;
	font-size: 1.1em;
	padding: 0 30px 0 0;
	float: left;
}

#quotes blockquote cite{
	display: block;
	text-align: right;
	font-style: normal;
	font-weight: 800;
	font-size: 0.8em;	
}


/*-----table.display-----*/
table.display{
	width: 100%;
	clear: both;
	margin: 10px 0 20px 0;
}

table.display thead th{
	padding: 8px 10px;
	color: #333333;
	background: #eeeeee;
}

table.display tbody td{
	padding: 8px 10px;
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
}

table.display tbody td a{
	font-weight: 800;
	color: #666699;
}

table.display tfoot td{
	border-bottom: 1px solid #cccccc;
}

table.display tfoot td.totals{
	text-transform: uppercase;
	background: #fffbed;
}

table.display tfoot td.totals table td{
	border-bottom: none;
}

table.display ul li{
	margin: 0 0 5px 0;
}

table.display .qty{
	width: 50px;
}

table.display .code{
	padding: 10px;
	margin: 0 10px 0 0;
	background: #eeeeee;
}

table.display .code label{
	display: block;
	margin: 0 0 5px 0;
}

table.display .code .codetext{
	margin: 0 0 5px 0;
	display: block;
}

/*-----buttons-----*/
.buttons_left{
	float: left;
	padding: 10px 0;
}

.buttons_right{
	float: right;
	padding: 10px 0;
}

.buttons{
	clear: both;
	padding: 20px 0;
}

/*-----support-----*/
#support{
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 0 0;
}

#support li{
	width: 200px;
	float: left;
	line-height: 1.6em;
	margin: 0 65px 0 0;
}

#support li.last{
	margin: 0;
}

#support a{
	font-weight: 800;
	color: #336699;
}

#support h2{
	margin: 0 0 5px 0;
}

#support img{
	margin: 0 0 20px 0;
}

/*-----contact-----*/
#contact_info, #login_info, #roadmap_info{
	width: 200px;
	float: left;
}

#contact_info p, #login_info ul, #login_info p, #roadmap_info p{
	line-height: 1.6em;
	margin: 10px 0 40px 0;
}

#contact_info a, #login_info a, #roadmap_info a{
	font-weight: 800;
}

#roadmap_info h3{
	font-size: 1.3em;
}

#contact_form{
	width: 490px;
	\width: 530px;
	w\idth: 490px;
	height: 340px;
	\height: 380px;
	he\ight: 340px;
	padding: 20px;
	margin: 0 0 30px 0;
	float: right;
	background: transparent url(../images/bg_contact.gif) no-repeat;
}

#contact_form label{
	width: 140px;
	float: left;
	margin: 0 0 20px 0;
	font-weight: 800;
	clear: both;
	color: #666699;
}

#contact_form input, #contact_form select, #contact_form textarea{	
	width: 290px;
	margin: 0 0 20px 0;
	float: left;
}

#contact_form .submit{
	width: auto;
	margin: 0 55px 0 0;
}

#login_form{
	width: 490px;
	\width: 530px;
	w\idth: 490px;
	height: 110px;
	\height: 150px;
	he\ight: 110px;
	padding: 20px;
	float: right;
	background: transparent url(../images/bg_login.gif) no-repeat;
}

#login_form a{
	font-weight: 800;
}

#login_form #login{
	width: 315px;
	float: left; 
}

#login_form label{
	width: 140px;
	float: left;
	margin: 0 0 20px 0;
	font-weight: 800;
	clear: both;
	color: #666699;
}

#login_form input{	
	width: 170px;
	margin: 0 0 20px 0;
	float: left;
}


#login_form .submit{
	width: auto;
	margin: 0 0 0 0;
}

#login_form .password{
	width: 110px;
	float: right; 
	margin: 0 20px 0 0;
	display: inline;
}

/* main content */

#main_content{
	width: 520px;
	float: right;
}

/* forms */
.form label {
	width: 100%;
	display: block;
	float: left;
	margin: 15px 0 0 0;
	font-weight: 800;
}

.form br {
	clear: both;
}

.form ul{
	width: 100%;
	float: left;
}

.form ul li{
	float: left;
	margin: 15px 10px 0 0;
}

.form ul li label{
	display: inline;
	float: none;
}

.form .radiobutton{
	float: left;
}

.form .radiobutton label{
	width: auto;
	float: none;
	display: inline;
	margin: 0 10px 0 0;
	font-weight: 100;
}



.mini, .tiny, .short, .medium, .long, .extralong{
	padding: 2px 3px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	color: #333333;
	background: #FFFFFF;
}

.mini{width: 40px;}
.tiny{width: 80px;}
.short{width: 120px;}
.medium{width: 200px;}
.long{width: 300px;}
.extralong{width: 350px;}


/* .equalLeftContent */
.equalLeftContent{
	width: 325px;
	float: left;
}

.equalRightContent{
	width: 325px;
	float: right;
}