/* @group Reset  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height:15px;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
li{ list-style:none;}
body {background: #fff; margin:10px 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }  
body { font-size: 12px; }
body { 
  color: #000; 
  font-family: "宋体", "Arial", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "宋体", Helvetica, Arial, sans-serif; 
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 18px; color: #094D8D; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 15px; line-height: 1.25; margin-bottom: 10px; background-color: #EEEEEE; padding: 2px 0 2px 5px; font-weight: bold; color: #757986;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover
{ color: #EE8724; text-decoration: underline; }

a {
	color: #EE8724;
	text-decoration: none;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.hidden
{
    display:none;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.center
{
    text-align:center;
}
.textright
{
     text-align:right;
}
.clear
{
    clear:both;
}
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.button
{
    background-color:Transparent;
	background-repeat:no-repeat;
	background-image: url(images/button_bg.jpg);
	border-width:0px;
	width: 95px;
	height: 21px;
	cursor:pointer;
	text-align:center;
}
.infotable
{
    width:100%;
    border-collapse:collapse;
}
.infotable .header
{
     text-align:center;
     font-weight:bold;
}
.infotable .content
{
    padding:5px;
    empty-cells:show; 
     vertical-align:baseline;
     text-align:left;
}
.infotable .label
{
    text-align: right;
    font-size: 12px;
    padding:5px;
    empty-cells:show;
     vertical-align:baseline;   
}

.arrayTable { border-collapse:collapse; width:100%; }
.arrayTable td { border:1px solid #dcdcdc;padding:5px; text-align:left }
td.arrayItemCol { width:30%; border-width:0px }
.arrayTable .arrayItemHeader { font-size:12px; text-align:left; width:30%; text-align:left }
.arrayTable .arrayItemHeader.starRatingArray { width: 26%; }
.arrayColHeader { text-align:center;font-size:12px; font-weight:bold; }


/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}
  
.column {
  float: left;
  margin-right: 10px;
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 1.4em 0;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "HelveticaNeue", "宋体", Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
}

h1 {
	font-size: 260%;
	font-weight: normal;
	color: #ee8724;
}

h2 {
	font-size: 175%;
	color: #ee8724;
	font-weight:normal;
}

h3 {
	font-size: 200%;
	color: #646478;
}

h4 {
	font-size: 175%;
	font-weight: normal;
	color: #ee8724;
}

h5 {
	font-size: 150%;
	color: #878796;
}

h6 {
	font-size: 125%;
	color: #7887A0;
}
a:active { outline: none; } 
a:focus { -moz-outline-style: none; }

/* nav */
/*** ESSENTIAL STYLES ***/
#nav, #nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	width:			180px; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
}
/*** NAV SKIN ***/
#nav {
}
#nav a {
    padding:0 15px;
    text-decoration:none;
    line-height:35px;
    font-size:13px;
    font-weight:bold;
    height:35px;	
}
*html #nav a {
	height:auto;
}
#nav a:link, 
#nav a:visited,
#nav li.selected li a:link,
#nav li.selected li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:black;
}
#nav a:hover,
#nav a:focus,
#nav li.selected a,
#nav li.selected li a:hover,
#nav li.selected li a:focus {
	color:#EE8724;
}
#nav li {
        margin-right:5px;
}
#nav li li {
	border-bottom:solid 1px #E5E9EB;
}
#nav li li a{
	line-height:25px;
	background: none;
	height:auto;	
}
#nav ul {
    background:url(images/nav_drop.png) bottom left no-repeat;
    padding-bottom:10px;
    border:none;
}
#nav li:hover, 
#nav li.sfHover,
#nav li.selected {
	background:url(images/nav_tab_l.png) top left;
	outline:0;
}
#nav li li:hover, 
#nav li li.sfHover,
#nav li li.selected:hover {
	background:#E5E9EB;
}
#nav li li.selected {
    background:none;
}
#nav li:hover a,
#nav li.sfHover a,
#nav li.selected a {
	background:url(images/nav_tab_r.png) top right no-repeat;
} 
#nav li:hover li a,
#nav li.sfHover li a {
	background:none;
} 
#nav li:hover li.arrow a,
#nav li.sfHover li.arrow a {
	background:url(images/arrow.gif) no-repeat 160px 7px;
}
#nav li:hover li.arrow li a,
#nav li.sfHover li.arrow li a {
	background:none;
}

/* screen */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.header_mid
{
    background:url(images/header-middle.png) repeat-x;    
}
.header_right
{
    background:url(images/header-right.png) no-repeat;
    width:9px;
}
.hero_left
{
    background:url(images/hero-left.png)  no-repeat;
}
.hero_middle
{
    background-image:url(images/hero-middle.png);
    background-repeat:repeat-x;
    color:White;
}
.hero_right
{
    background:url(images/hero-right.png)  no-repeat;
}
#hero {
	clear:both;
    background:#616161 url(images/header-hero-bg.png) no-repeat bottom;
    color:white;
}
.homepage {
    height:275px;
}
#hero h2 {
    color:#EE8724;
    font-size:25px;
    margin-bottom:25px;
}	
.hero-content {
    padding:15px 0 0 18px;
    line-height:1.4;
}
.hero-content a.hero-btn {
    margin: 8px 0 0 8px; 
}
#hero-flash {
    padding-top:10px;
}
#across-mediums {
    text-align:center;
    border: dotted 1px;
    border-left:none;
    border-right:none;
    background:#F4F5F6;
    padding:5px 0 10px 0;
    margin-top:20px;	
    overflow: hidden;
}
#content {
    margin-top:10px;
}
#across-mediums h2 {
    font-weight:normal;
    font-size:175%;
    color:#EE8724;
}    
.tip {
    background: #FFFEEA url(images/div_tip.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #FFC864;
    border-bottom:1px dotted #FFC864;
    font-size:14px;
    line-height:20px;
    margin:10px 0;
}
.tip p, .info p, .download p {
    line-height:1.4;
    padding-top:5px;
    margin-bottom:0;
}
.info {
    background: #F4F5F6 url(images/div_info.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #AAB4BE;
    border-bottom:1px dotted #AAB4BE;
    margin:10px 0;
}
.download {
    background: #F3FCEB url(images/div_download.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #78BE5A;
    border-bottom:1px dotted #78BE5A;
    margin:10px 0;
}
.download.mainpage {
	padding-right:0;
	margin:0;
	width:430px;
	display:block;
	float:left;
}
img.imgright {
    float:right;
}
#footer {
    margin:30px 0 30px;
    padding:4px 0;
}

#footer a:hover {
    color: #FF0000;
    text-decoration: underline;
}

#footer p {
	font-size:13px;
	text-align:center;
}
#large-footer-content {
    background: url(images/footer-bg-bot.png) bottom no-repeat;
    padding: 5px 0 10px 0;
}
#footer h3 {
	font-size:21px;
	margin-left:5px;
	margin-bottom:.7em;
}
#footer ul {
    list-style:none;
    margin-left:5px;
}
#footer li {
	font-size:14px;
	margin-bottom:.5em;
}
#creditfooter {
    display:none;
}

.sidebar h3 {
    font-size:13px;
    line-height:25px;
    margin:0;
    text-indent:15px;
    height:25px;
    background:url(images/sidenav-top.png) no-repeat 0 0;
}
.sidebar ul {
    background:url(images/sidenav-drop.png) left bottom;
    padding-bottom:10px;
}
.sidebar ul a {
    font-size:13px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    display:block;
    border-bottom:#E5E9EB solid 1px;
    margin:0 1px;
    padding-top:10px;
    text-indent:15px;   
}
.sidebar ul li.selected a, .sidebar ul li.selected li.selected a {
	color:#EE8724;
	background: #E5E9EB;
} 
.sidebar ul li.selected li a {
	color:black;
}
.sidebar li.arrow a{
    background:url(images/submenu-arrow.png) no-repeat 185px;
}
.sidebar ul a:link, .sidebar ul a:visited {
    color:black;
}
.sidebar ul a:hover, .sidebar ul a:focus {
    color:#EE8724;
    text-decoration:none;
    background: #E5E9EB;
}
.sidebar li#arrowed a img {
	display:none;
}

/****** IMAGES FOR SIDENAV *******/
.sidebar li#arrowed a {
    text-decoration:none;
    background:url(images/submenu-arrow.png) no-repeat 185px;
}
.sidebar li#arrowed li a {
    background:url(images/submenu-square.png) 15px no-repeat;
}
/* END */

.sidebar li#arrowed a:hover, .sidebar li#arrowed a:focus {
	color:#EE8724;
	background-color: #E5E9EB;
}
.sidebar ul ul a {
    text-indent:35px;
}
.sidebar ul, .sidebar ul ul {
    margin:0;
    list-style:none;
}
.sidebar ul ul {
    display:none;
    background:none;
    padding:0;
}

.sidebar #banners td {
	text-align: center;
	padding-top: 25px;
}

#next_steps {
	float: left;
    margin-top: 10px;
	margin-left: 10px;
}

#request_live_demo {
	float: left;
	width: 66%;
}

.promoform {
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.list-header {
    background:#F4F5F6;
    border-top: dotted 1px #AAB4BE;
    border-bottom: dotted 1px #AAB4BE;
    padding: 5px 10px;
    font-weight:bold;
    margin-bottom:10px;
}
ul.checkmarks {
    list-style:none;
    margin-left:0;
}
ul.checkmarks li {
    background: url(images/xmark.png) no-repeat 0 3px;
    padding-left:35px;
    margin-bottom:1em;
}
#breadcrumbs, #request {
    padding:15px 15px 28px 15px;
    font-size:13px;
}
#breadcrumbs a, #request a {
    color:white;
}
#breadcrumbs {
    float:left;
    width:440px;
}
#request {
    float:right;
}    

.carousel {
    float:right;
}

#lightbox {
	z-index: 1200 !important;
}

#overlay {
	z-index: 1100 !important;
}

li.buttons { float: left;margin:0px;} 
ul.menu {
   list-style-type: none; 
   font-size: 12px;
   margin: 0px;
   padding-left:0px;
}
.menu a {
     margin: 0px;
     height: 20px;
     padding: 0px 0px 0px 0px;
     float: left;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #000;
     background: #ece6ce;
     text-decoration:none;
     }
.menu a:hover 
{
    background: #dddddd;
    text-decoration:none;
}
.menu a:visited, .menu a:active
{
    text-decoration:none;
}
.stepArrow {
		position:inherit;
		margin-top: 0px; 
		margin-bottom: 0px; 
		display:inline;
}
.setupOn {
     background: #F5B635 !important;
	 color: #ffffff !important;
     }
 #clientEditPopup 
{
	width: 575px;
	height: 275px;
	border: 1px solid #000000;
	z-index: 100;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	position: relative;	
}

.userRowTemplate 
{	
	margin-left:auto;
	margin-right:auto;
	background-color: #FF0000;
}

.popupHdr 
{
	background-image: url(images/popup/bg.jpg);
	background-repeat: repeat-x;
	height: 28px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#clientEditPopup .popupBody {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
}

.popupHdr .title 
{
	color: #464646;
	font-weight: bold;
	font-family: 宋体;
	font-size: 12px;	
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
}

.popupHdr .btnClose 
{
    width: 23px;
	height: 27px;
	float: right;
	background-image: url(images/popup/btnClose.jpg);
	background-repeat: no-repeat;
	cursor: hand;
}
.content_lefttop
{
    background-image:url(images/content_lefttop.png);
    width:11px;   
}
.content_right_top
{
    background-image:url(images/content_righttop.png);
    width:9px; 
}
.content_leftbottom
{
    background-image:url(images/content_leftbottom.png);
    width:11px; 
}
.content_rightbottom
{
    background-image:url(images/content_rightbottom.png);
    width:9px; 
}
.content_top
{
    background-image:url(images/content_top.png);
    background-repeat:repeat-x;
}
.content_bottom
{
    background-image:url(images/content_bottom.png);
    background-repeat:repeat-x;
}
.content_left
{
    background-image:url(images/content_left.png);
    background-repeat:repeat-y;
    width:11px;
}
.content_right
{
    background-image:url(images/content_right.png);
    background-repeat:repeat-y;
    background-position:right;
    width:9px;
}
.content_bg
{
    background-image:url(images/content_bg.png);
    background-repeat:repeat;
}
.scrollDiv{width:200px; overflow:hidden;border:1px #cccccc solid; padding:0px;margin:0px;vertical-align:top;}
.PagerContainerTable td{ color:#cf3a05;padding-left:2px;padding-right:2px;}
.PagerContainerTable td.on,#page td a:hover{text-decoration:none; }
.PagerContainerTable td a{color:#cf3a05; text-decoration:underline; }
.PagerCurrentPageCell span{ color:Black; }
.dragable{ width:32%;  float:left; }
.dragable .zone{border:dotted 1px #AAB4BE;margin-bottom:10px; }
.dragable .header {  background:url(images/nav_tab_m.png) repeat-x; height:25px;padding:10px 5px 0px 5px; color:black; vertical-align:middle; font-size:14px; font-weight:bold;}
.dragable .content {padding:5px; background-color:White; color:Black;}
.dragable .content ul {margin:0px;}
.dragable .content li {line-height:20px;}