/********/

*{
	margin:0;
	padding:0;
	font: 100% "Verdana", Helvetica, Sans-serif;
}
body {
	color:#333;
	cursor:default;
	background:url(images/imgSiteBg.gif) repeat-x #fff;
	text-align:center;
}
a:link, a:visited,a:hover {
	text-decoration:none;
}
a:link {
	color:#0066FF;
}
a:visited {
	color:purple;
}
a:hover {
	color:#3399FF;
}	
img {
	border:0;
}
b,strong{
	font-weight:bold;
}
i{
	font-style:italic;
}
p {
	color:#666;
	padding:6px 10px;
	font-size:70%;
	line-height:140%;
}
sup{
	font-size:60%;
}
/********/
#intro{
	background:url(images/imgIntroBg.jpg) no-repeat top center #EFBD3F;
}
#intro #page{
	margin-top:120px;
	width:600px;
}
#intro #page h4{
	color:white;
	/*color:#D1E1F3;*/
	font-size:17px;
	font-weight:normal;
	padding-bottom:10px;
	letter-spacing:-0.05em;
}
#intro #page #footer{
	border-top:solid 0px #ccc;
	border-bottom:solid 0px #ccc;
	padding:4px 0;
	letter-spacing:-0.01em;
	margin-top:70px;
	text-align:center;
}
#intro #page #footer p, 
#intro #page #footer a:link,
#intro #page #footer a:visited{
	/*color:#D1E1F3;*/
	color:white;
}

/********/
#page,#footer,#header,#content,#menu {
	/*for debugging*/
}

#page {
	top:25px;
	width:997px;
	margin: 0 auto;
	padding:0 0 30px 0;
	text-align: left;
	position:relative;
}
#page-index {
	width:700px;
	margin: 0 auto;
	text-align: left;
}
.hide {
	display:none;
}
.line {
	border-top:solid 1px #ccc;
}
.right{
	text-align:right;
}
.spacer{
	display:block;
	padding:10px;
}
.th{
	background:#fff;
	border:solid 1px #eee;
	padding:5px;
	margin:0 10px;
}
.note{
	color:#81321f;
	margin: 10px 0 0 0;
	padding:3px 0;
	font-size:9px;
	font-style:italic;
	line-height:140%;
}
.th-description{
	font-size:60%;
	display:block;
	text-align:center;
}
.th-image{
	display:block;
	text-align:center;
	padding:2px;
}
.logos{
	padding:10px;
	text-align:center;
}
.clear{
	clear:both;
}
.absmiddle{
	vertical-align:middle;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
/**faq**/

.answers{
	border-top:solid 1px #ccc;
	margin:10px 0 0 0;
}
.answers h4{
	color:#8d3f53 !important; 
	font-size:12px !important;
	font-weight:bold;
	margin-top:10px;
}
.answers li {
	margin-top:4px;
}

.helpnote{
	background:url(images/notes-color.gif) no-repeat left center;
	padding:5px 5px 5px 40px;
	margin:0 10px;
}
.helpnote p{
	font-size:11px;
	font-style:italic;
}
.help_thumb{
	display:block;float:left;margin:2px
}
.help_thumb img{
	height:150px;border:solid 1px #ccc
}
.help_title{
	display:block;text-align:center;font-size:10px;font-style:italic;color:#702e2e;
}

/******/

#header {
	height:105px;
	background:url(images/imgHeaderTopBg.jpg) no-repeat right 0;
	position: relative;
}
#header h1 {
	position:absolute;
	height:65px;
	width:280px;
	margin:39px 0 0 0;
	background: url(images/imgLogo.1024x768.gif) no-repeat;
	text-indent: -2000px;
}
#menu {
	position:absolute;
	top:55px;
	width:700px;/*width:279px; /*3(90+2+1) or BtnNum(BtnWidth+2+1)*/
	height:40px;
	margin:0 0 0 297px;
	background-image:url(images/imgMenuBg.1024x768.gif);
	background-repeat:no-repeat;
}
#menu ul{
	margin:0 0 0 2px;
}
#menu ul li,#menu ul li a:hover,#menu ul li#currentpage a {
	background-image:url(images/imgMenuItemBg.1024x768.gif);
	background-repeat:no-repeat;
}
/*
#menu ul li {
	list-style-type: none;
	display: block;
	width: 87px;
	height:40px;
	float: left;
	font-size: 10px;
	text-align: center;
	margin:0 0px 0 0;
	background-position:center -36px;
}
*/
#menu ul li {
	list-style-type: none;
	display: block;
	width: 80px;
	height:40px;
	float: left;
	font-size: 10px;
	text-align: center;
	margin:0 0px 0 0;
	background-position:center -36px;
}
#menu ul li.one{width:60px;}
#menu ul li.two{}
#menu ul li.three{}
#menu ul li.four{width:70px;}
#menu ul li.five{}
#menu ul li.six{}
#menu ul li.seven{}
#menu ul li.eight{}
#menu ul li.nine{width:85px;}
#menu ul li.ten{}
#menu ul li a {
	color:#FFFFCC;
	display: block;
	margin:2px 0;
	padding:8px 0 8px 0;
	border-right:solid 1px #c92a0b;
}
#menu ul li a:hover {
	background-position:center -68px;
}
#menu #currentpage a{
	color: #FFFFCC;
	cursor:default;
	background-position:center top;
}

.pluginversion{
	position:absolute;
	right:0;
	top:0;
}

/********/

#content {
	position:relative;
	margin:10px 0;
	background:url(images/imgInsideTopBg.1024x768.jpg) no-repeat left top;
	height: auto !important;
	height: 473px;
	min-height: 473px; 	
}
#content h3 {
	font-size:130%;
	color:#666699;
	padding:10px 0;
}
#content h4 {
	font-size:110%;
	color:#666699;
	padding:10px 0;
}
#menu-product h4{
	background: url(images/imgMenuProductH.1024x768.gif) no-repeat;
	text-indent: -2000px;
	padding:0;
	margin:0;
	height:33px;
}
/* support  */
#menu-login{
	text-align:right;
}

#menu-support h4{
	background: url(images/imgMenuCustomerSupportH.1024x768.gif) no-repeat; 
	/*
	background: url(images/imgMenuLoginH.1024x768.gif) no-repeat; 	
	*/
	text-indent: -2000px;
	padding:0;
	margin:0;
	height:33px;
}
#index #menu-support{
	background:url(images/imgMenuProductBg.1024x768.gif) no-repeat bottom left;
	width:297px;
	margin:5px 0;
}
#menu-support form{
	border:solid 1px #ccc; 
	background:#FAFAFA;
	margin:10px;
	padding:5px;
	text-align:center;
	font-size:70%;
}
.frm-line{
	display:block;
	clear:both;
	padding:3px;
	margin:0 auto;
	width:220px;
}
#menu-support form label{
	width:70px;
	padding:2px;
	display:block;
	float:left;
	text-align:left;
}
.frm-btn{
	padding:2px 5px;
	font-size:11px;
	width:150px;
}
.forgotpass{
	padding:5px 0 0 0;
}

/* /support */

#menu-product .ali{
	background:url(images/imgUpcomingshows.gif) no-repeat left;
}
#menu-product .bli{
	background:url(images/imgDownloadflyer.gif) no-repeat left;
}
#menu-product .cli{
	background:url(images/imgViewdemo.gif) no-repeat left;
}
#menu-product .dli{
	background:url(images/imgGettingStarted.gif) no-repeat left;
}
#menu-product .eli{
	background:url(images/imgFaqs.gif) no-repeat left;
}
#menu-product .fli{
	background:url(images/imgDownloadClient.gif) no-repeat left;
}
#menu-product .gli{
	background:url(images/imgSystem.gif) no-repeat left;
}
#index #content {
	background:url(images/imgExperience.1024x768.jpg) no-repeat left top;
	height:473px;
}
#index #content h3 {
	display:none;
}
#index #content-right{
	position:absolute;
	left:690px;
}
#index #menu-product{
	background:url(images/imgMenuProductBg.1024x768.gif) no-repeat bottom left;
	width:297px;
	margin:5px 0;
}
#product #content-right ul{
	color:#666;
	padding:6px 10px 20px 30px;
	font-size:70%;
	line-height:140%;
}
#product #content-right{
	margin:10px 180px 10px 220px; 
	padding:30px 0;
}
#product  #content-left{
	position:absolute;
	left:8px;
	top:2px;
}
#product #menu-product{
	background:url(images/imgMenuProductBgSmall.gif) no-repeat bottom left;
	width:197px;
	margin:5px 0;
}

#product #menu-product h4{
	background: url(images/imgMenuProductHSmall.gif) no-repeat;
	text-indent: -2000px;
	padding:0;
	margin:0;
	height:33px;
}
#content #menu-product ul{
	padding:0 0 25px 0;
}

#content #menu-product ul li{
	list-style-type: none;
	display: block;
	padding:6px 6px 6px 30px ;
	margin:0 10px;
	border-bottom:solid 1px #ccc;
	font-size:70%;
}

#content #menu-product ul li a{
	color:#CC3333;
	text-decoration:underline;
}

#index #menu-news{
	background:url(images/imgMenuNewsBg.1024x768.gif) no-repeat bottom left;
	width:297px;
	margin:5px 0;
}
#menu-related{
	background:url(images/imgMenuNewsBgSmall.gif) no-repeat bottom left;
	width:197px;
	margin:5px 0;
}
#menu-related h4{
	background: url(images/imgMenuNewsHSmall.gif) no-repeat;
	text-indent: -2000px;
	padding:0;
	margin:0;
	height:33px;
}
#menu-news h4{
	background: url(images/imgMenuNewsH.1024x768.gif) no-repeat;
	text-indent: -2000px;
	padding:0;
	margin:0;
	height:33px;
}
#menu-related ul,#menu-news ul{
	padding:0 0 10px 0;
}
#menu-related ul li,#menu-news ul li{
	list-style-type: none;
	background:url(images/imgArrowGrey.gif) no-repeat left 10px;
	display: block;
	padding:4px 8px 4px 10px ;
	margin:0 10px;
	border-bottom:dotted 1px #ccc;
	font-size:70%;
}
.more-news{
	font-size:70%;
	text-align:right;
	padding:10px;
}
a.learn-more, a.learn-more:hover, a.learn-more:visited{
	padding:10px 65px;
	position:absolute;
	left:375px;
	top:284px;
	display:block;
	color:#fff;
	font-size:70%;
	font-weight:bold;
}
#news{
	padding:5px 0 15px 0;
	color:#666;
	font-size:70%;
	text-align:center;
	display:none;
}
#news label{
	color:#999;
}
#news .underline{
	border-bottom:dotted 1px #ccc;
}
.nrecord{
	margin:5px 0 5px 20px;
}
.nrecord-title{
	font-size:80%;
	color:#990033;
}
.nrecord-footer{
	padding:2px 0;
	border-top:dotted 1px #ccc;
	color:#ccc;
}
#vlist li{
	list-style-type:none;
	padding:7px 0 2px 0;
}
.vl-thumb{
	border:0;
	float:left;
	margin:0 10px 0 0;
}
.vl-description,.vl-line,.vl-title{
	display:block;
}
.vl-line{
	border-bottom:solid 1px #ccc;
}
.vl-description{
	font-size:90%;
	padding:3px 0;
	color:#666;
	letter-spacing:-1px;
}

.pageupdated p,
.pageupdated a{
	color:#ccc;
}

.pageupdated-header{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}


.webinar li{
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 2px 10px;
}
/***SignUp***/

.signup form{
	border:solid 1px #ccc; 
	background:#FAFAFA;
	margin:10px;
	padding:20px;
	text-align:center;
	font-size:70%;
}
.signup .frm-line{
	text-align:left;
	display:block;
	padding:0 0 10px 0;
	width:90%;
}
.signup form label{
	display:block;
	padding:2px 0;
	color:#3e6195;
}
.signup i{
	/*color:#666;*/
}

.frm-signup-btn{
	padding:2px 5px;
	font-size:11px;
}

.btn-box{
	text-align:center;
	padding:5px;
	margin:5px 0;
	border:solid 1px #eee;
}



/***********/

#footer {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:4px 0;	
}
#footer p{
	font-size:70%;
	color:#999;
	margin:0;
	padding:0;
}

/*********/
.systemr h5{
	font-size:14px;
	font-weight:bold;
	color:#474792;
	margin-top:15px;
}

.systemr h6{
	font-size:11px;
	font-weight:bold;
	color:#474792;
}