/* General Elements */

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	background:#9bb3cb url(/images/main_bg.gif) repeat-x;
	text-align:center;
}

img {
	border:none;
	vertical-align:middle;
}

h1, h2, h3 {
	font-family:"Helvetica Neue", Arial, Tahoma, Verdana;
	color:#444444;	
	letter-spacing:-0.05em;
}

h1 {
	font-size:26px;
	margin:30px auto 40px auto;
}

h2 {
	font-size:18px;
	line-height:28px;
	color:#666666;
	margin:12px auto;
	background:url(/images/mid_dots_h.gif) repeat-x bottom;
}

h3 {
	font-size:14px;
	margin:0;
	padding:5px;
	background:#49a545 url(/images/h3_bg.gif) repeat-x;
	color:#FFFFFF;
}

h4 {
	font-size:13px;
	line-height:22px;
}

a {
	color:#5277a9;
}

p, ul, li, input, select, span, td {
	color:#333333;
	font-size:11px;
	line-height:16px;
}

p, td {
	margin:5px 5px 10px 5px;
	padding:0;	
}

ul, ol {
	margin:0 0 10px 20px;
	padding:0;
}

li {
	margin-bottom:6px;
	list-style:square;
}

li li {
	margin-bottom:3px;
	list-style:disc;
}

ol li {
	margin-left:10px;
	list-style:decimal;
}

/* #wrapper: Center the page, define the main width (800px) */

#wrapper { 
	margin:0 auto;
	padding:0;
	width:800px;
	text-align:left;
}

#topLogo {
	height:86px;
}

#logo {
	float:left;
}

#topLinks {
	width: 650px; text-align:right; color:#FFFFFF; float:left;
}

#topLinks p, #topLinks p a {
	color:#FFFFFF; font-weight:bold; text-decoration:none;
}

.topNavi {
	background:url(/images/navi_bg.gif) no-repeat;
	height:37px;
	text-align:center;
	clear:both;
	margin:0 auto;
	padding-left:70px;
}

.topNavi ul {
	width:660px;
	list-style:none;
	margin:0 auto;
	padding:0;
	display:inline;
}

.topNavi li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

/* #mainBody: Continuous background images (mid_bg.gif) */

#mainBody {
	background:#FFFFFF url(/images/mid_bg.gif) repeat-y;
	margin:0;
	padding:0;
	width: 800px;
	
}
#mainBody-conf {
	background:#FFFFFF url(/images/mid_bg.gif) repeat-y;
	margin:0;
	padding:0;
	width: 800px;
	clear: both;
	display: table;
}

/* #mainContent: Add the background image to fit the main gradient background, use padding to leave space between edges and inside contents */

#mainContent {
	background:url(/images/mid_top_bg.gif) no-repeat;
	margin:0;
	padding:16px 30px 0px 30px;
	/*min-height:581px;*/
	display:table;
	clear: both;
}

* html #mainContent {
	height:400px;
}

.clearFloat {
	clear:both; height:10px;
}

/* Main Left List */
#leftList {
	width:190px;
	float:left;
}

#leftListTitle{
	margin-bottom:10px;
}

/* Left Navigation Items and Related Links */

#leftNav, #leftNavService, #relatedLinks {
	width:165px;
	margin:0;
	list-style:none;
	margin-bottom:20px;
}

#relatedLinks {
	margin-top:40px;
}

#leftNav ul, #leftNavService ul, #relatedLinks ul {
	margin:0;
}

#leftNav li, #leftNavService li, #relatedLinks li {
	margin:0;
	list-style:none;
}

/* Left Navigation First Level Items */

#leftNav li a, #leftNav li span, #leftNavService li a, #leftNavService li span, #relatedLinks li a, #relatedLinks li span {
	font-size:11px; font-weight:bold; padding:5px; width:100%; display:block; text-decoration:none;
	color:#5277a9; background:#FFFFFF url(/images/mid_dots_h.gif) repeat-x bottom;
}

#leftNavService li a, #leftNavService li span {
	color:#138313;
}

#relatedLinks li a, #relatedLinks li span {
	color:#666666;
}

#leftNav li a:hover, #leftNav li span, #relatedLinks li a:hover {
	color:#FFFFFF; background:#5277a9 url(/images/mid_dots_h.gif) repeat-x bottom;	
}

#leftNavService li a:hover, #leftNavService li span {
	color:#FFFFFF; background:#138313 url(/images/mid_dots_h.gif) repeat-x bottom;	
}

#relatedLinks li a:hover {
	color:#FFFFFF; background:#666666 url(/images/mid_dots_h.gif) repeat-x bottom;	
}


/* Left Navigation Second and Third Level Items */

#leftNav ul li a, #leftNav ul li span, #leftNav ul ul li a, #leftNav ul ul li span  {
	font-size:11px; font-weight:normal; padding-left:20px; width:150px;
}

#leftNavService ul li a, #leftNavService ul li span, #leftNavService ul ul li a, #leftNavService ul ul li span {
	font-size:11px; font-weight:normal; padding-left:20px; width:150px;
}

#relatedLinks ul li a, #relatedLinks ul li span, #relatedLinks ul ul li a {
	font-size:11px; font-weight:normal; padding-left:5px; width:165px;
}

/* Left Navigation Third Level Items */

#leftNav ul ul li a, #leftNav ul ul li span, #leftNavService ul ul li a, #leftNavService ul ul li span,  #relatedLinks ul ul li a {
	font-size:11px; padding:3px 5px 3px 35px; width:135px; background:#F9F9F9 url(/images/mid_dots_h.gif) repeat-x bottom;
}

#leftNav ul ul li a:hover, #leftNav ul ul li span {
	color:#FFFFFF; background:#86a0c3 url(/images/mid_dots_h.gif) repeat-x bottom;	
}

#leftNavService ul ul li a:hover, #leftNavService ul ul li span {
	color:#FFFFFF; background:#80c780 url(/images/mid_dots_h.gif) repeat-x bottom;	
}

#relatedLinks ul ul li a:hover, #relatedLinks ul ul li span {
	color:#FFFFFF; background:#999999 url(/images/mid_dots_h.gif) repeat-x bottom;
}

/* #rightContent: Right main content area */

#rightContent {
	width:545px;
	float:left;
	background:url(/images/mid_dots.gif) repeat-y left;
	min-height:600px;
}

* html #rightContent {
	height:600px;
}

#rightContentBody {
	margin:0 0 0 14px;
}

#rightContentTitle {
	margin-bottom:10px;
}

#rightContentNavi  {
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-weight:bold;
	font-size:11px;
	margin-bottom:20px;
	margin-top:2px;
}

#rightContentNavi a {
	padding:1px 6px;
	text-decoration:none;
	border:1px solid #5277a9;
	color:#335888;
	background:#edf1f6;
}

#rightContentNavi a:hover {
	background:#86a0c3;
	color:#FFFFFF;
}

#rightContentText {
	margin: 5px 10px 20px 14px;
	padding:0px;
}

#rightContentFloat, #rightDiagramFloat {
	float:right; width:44%; border:1px solid #dddddd; padding:0; margin:-5px auto auto 15px; background:#f1f4f8;
}

#rightDiagramFloat {
	width:52%;
}

#rightContentFloat h3, #rightDiagramFloat h3 {
	cursor:pointer;
}

#rightContentFloat ul, #rightContentFloat p, #rightContentFloat ol, #rightDiagramFloat ul, #rightDiagramFloat p, #rightDiagramFloat ol {
	padding-left:10px; padding-right:10px;
}

.floatText {
	margin:10px;
}

/* Screenshot */

#screenshots {
	width:195px;
	list-style:none;
	margin:0 auto;
	padding:0;
}

#screenshots li {
	float:left;
	list-style:none;
	margin:5px;
}

#screenshots a {
	width:40px; height:40px; border:1px solid #bbbbbb; padding:5px; margin:0; background:#eeeeee; text-decoration:none; display:block;
}

#screenshots a img {
	vertical-align:baseline;
}

#screenshots a:hover {
	background:#e5f1e3;
}

/* Table elements */

.mainTable {
	width:98%; margin:auto; margin:10px auto;
}

.mainTable td {
	vertical-align:top; padding:3px 5px; border-bottom:1px solid #57b04f;
}

.mainTable p {
	margin:0 0 5px 0;
}

.mainTable li {
	margin-bottom:3px;
}

.mainTable .tableHeader, .mainTable .tableHeaderLeft, .mainTable .tableHeaderRight {
	font-size:12px; font-weight:bold; border-bottom:2px solid #57b04f;	
}

.tableSubHeader {
	font-size:11px; font-weight:bold; border-bottom:1px solid #57b04f; background:#d8ead7; margin:0; padding:0;
}

.mainTable .tableHeaderLeft {
	width:24%;
}

.mainTable .tableHeaderRight {
	width:76%;
}

.mainTable .tableOddRow {
	background:#f6faf6;
}

.mainTable .tableEvenRow {
	background:#fefffe;
}

.mainTable .tableOddRow:hover, .mainTable .tableEvenRow:hover {
	background:#e3f1e2;
}

.subTitle {
	border-bottom:1px solid #57b04f; font-size:12px; font-weight:bold; margin-top:20px;
}

.subTitle a{
	text-decoration:none;
}

#snapshotsTable tr {
	cursor:pointer;
}

#snapshotsTable a, #caseTable a{
	text-decoration:none; font-weight:bold; color:#EE7700;
}

#customerTable {
	width:100%;
}

#customerTable .tableOddRow td, #customerTable .tableEvenRow td {
	height:80px; vertical-align:middle;
}

#customerLogo {
	float:right; width:200px; margin-left:20px; margin-bottom:20px;
}

/* All the list styles */

.pdfList li, .wordList li, .faqList li, .jobList li, .pressList li, .reviewList li, .awardList li, .newsList li, .tradeshowList li, .newsletterList li, .podcastList li, .webcastList li, .linkList li, .exeList li, .flashList, .webexList {
	list-style:none; padding-left:22px; margin-left:-20px; margin-bottom:15px;
}

.pdfList li {
	background:url(/images/icon_pdf.gif) no-repeat left top;
}

.wordList li {
	background:url(/images/icon_doc.gif) no-repeat left top;
}

.podcastList li {
	background:url(/images/icon_podcast.gif) no-repeat left top;
}

.webcastList li {
	background:url(/images/icon_webcast1.gif) no-repeat left top;
}

.linkList li {
	background:url(/images/icon_link.gif) no-repeat left top;
}

.faqList li {
	background:url(/images/icon_faq.gif) no-repeat left top;
}

.faqList li li, .jobList li li {
	list-style:square; background:none; padding:1px;; margin:auto;
}

.jobList li {
	background:url(/images/icon_job.gif) no-repeat left top;
}

.pressList li {
	background:url(/images/icon_pressrelease.gif) no-repeat left top;
}

.reviewList li {
	background:url(/images/icon_star.gif) no-repeat left top;
}

.awardList li {
	background:url(/images/icon_awards.gif) no-repeat left top;
}

.newsList li {
	background:url(/images/icon_file.gif) no-repeat left top;
}

.tradeshowList li {
	background:url(/images/icon_tradeshow.gif) no-repeat left top;
}

.newsletterList li {
	background:url(/images/icon_newsletter.gif) no-repeat left top;
}

.exeList li {
	background:url(/images/icon_executive.gif) no-repeat left top;
}

.flashList {
	background:url(/images/icon_flash.gif) no-repeat left top;
}

.webexList {
	list-style:none; background:url(/images/icon_webex.gif) no-repeat left top;
}



.orangeColor {
	color:#EE7700; font-weight:bold; letter-spacing:0;
}

.lightGreen {
	color:#68a768;
}


.pointer {
	cursor:pointer;
}



/* mainBtm: Bottom links and copyright text */

#mainBtm {
	background:url(/images/btm_bg.gif) no-repeat;
	height:50px;
	font-weight:normal;
	text-align:center;
	padding-top:12px;
	margin:0;
	clear:both;
}

#mainBtm p, #mainBtm a {
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	line-height:16px;
	text-decoration:none;
}

/* popup selection elements */

.selectcss {
	font-family:Tahoma, Verdana, Arial;
	text-align:left;
	position:absolute;
	visibility: hidden;
	border:1px solid #FFFFFF;
	border-bottom-width: 0;
	font-size:11px;
	line-height: 16px;
	z-index: 100;
	background-color: #edf1f6;
	width: 100px;
	color:#5277a9;
}

.selectcss a {
	width: 100%;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color:#5277a9;
}

.selectcss a:hover { /*hover background color*/
	background-color: #5277a9;
	color: white;
}