@charset "utf-8";
/* Begin Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


/* no focus styles are set */
:focus {
    outline: 0;
}

#flashcontent {
	margin: 0;
	text-align: center;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/* End Reset */
/**************************/
/* Begin GLOBAL Settings  */
/**************************/
body {font-family: Arial, Helvetica, Verdana, sans-serif;}

strong {font-weight: bold;} 

h1 {
	color:#000000;
	font-size:22px;
	font-weight:bold;
	line-height:28px;
	margin:10px 0;
}

h2 {
	color:#000000;
	font-size:18px;
	font-weight:normal;
	margin:10px 0;
}

h3 {
	color:#000000;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
}

.hide { display:none; }
.show { display:block; }
.offScreen {
	position:absolute;
	top:-1000px;
}

#container .whiteBackground {
	background-color:#FFFFFF;
}

#pagewrap {
    width: 982px;
    margin: 0 auto;
    padding: 0;
}
#wrapperpage #pagewrap {
	width:1011px;
	padding:0;
}

.disclaimer {
color:#666666;
font-size:11px;
line-height:13px;
}




/* end header */ 
#gradientwrap {
    width:982px;
	background: transparent url(../images/blue_bg_lg.png) no-repeat scroll 0 0;
    overflow: visible;
} 
#wrapperpage #gradientwrap {
    /*background: transparent url(images/wrapper/bk_bluegradient.png) no-repeat scroll 0 0; removed 20090227 SRF */
	background: transparent url(../images/blue_bg_lg.png) no-repeat scroll 0 0;
	width:1011px;
}

#gradientwrap .sidebar {
    float: right;
    width: 200px;
}

#gradientwrap .endofgradientwrap {
	display:block;
	clear:both;
	width:100%;
	font-size:1px;
	height:1px;
}

/* begin flash billboard */ 
#gradientwrap .billboard {
    float: left;
    width: 700px;
    background-color: transparent;
	padding-left:33px;
	padding-top: 13px;
}
body #gradientwrap .billboard_short {
	padding-left:30px;
	height:221px;
}

/* end flash billboard */

#sfapage .masthead {
	padding-left:0px;  
}

#gradientwrap .masthead {
    float: left;
    width: 720px;
    background-color: transparent;
	padding-left: 0px;
	padding-top: 13px;
}

.masthead #headline {
	margin-top: 15px;
	margin-bottom: 15px;
    	font-size: 20px;
    	font-weight: bold;
}

.masthead #screenshot {
	float:right;
	
}

.masthead #masthead_content {
	font-family: inherit;
	font-style:inherit;
	font-weight:inherit;
	color:#464646;
	font-size:12px;
	line-height:22px;
	width:340px;
}

/* begin sidebar general */ 
#gradientwrap .sidebar {
	float:right;
	margin-right:29px;
	padding-top:20px;
	text-align:center;
	width:219px;
}
 
#gradientwrap .sidebar a {
    font-size: 11px;
    color: #808080;
    text-decoration: none;
} 
.sidebar .button {
	position:relative;
	left:4px;
    display: block;
    width: 210px;
    height: 78px;
    background-repeat: no-repeat;
    padding-bottom: 5px;	
}
.sidebar .button .txt {
	display:block;
	height:30px;
	width:176px;
	margin:20px;
	position:absolute;
	left:0; top:0;
	z-index:1;
	overflow:hidden;
}
.sidebar .button img {
	display:block;
	position:absolute;	
	width:194px; height:61px;
	left:6px; top:5px;
	z-index:2;
}
.sidebar .button .overlay {
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:3;
	background:transparent url(../images/bk_cta_button.png) no-repeat scroll 0 0;
    width: 210px;
    height: 78px;	
}
.sidebar .button:hover .overlay {
	background-position: -210px 0px;
}

.takemeaway {
    position: relative;
    top: -999em;
} 
#gradientwrap .sidebar .promo_link {
	font-size:12px;
	color:#808080;
	margin-left:15px;
	margin-right:0;
	text-align:left;
	
	
}


#gradientwrap .sidebar .promo_link a {
	font-size:12px;
	font-weight:bold;
	tex-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	width:100%;
}

#gradientwrap .sidebar .promo_link li {

background:transparent url(images/sfa/awards_hr_179.png) no-repeat scroll 0px 100%;
overflow:hidden;
position:relative;
width:200px;
padding-bottom:5px;
padding-top:5px;

}

#gradientwrap .sidebar .promo_link li.last {
background-image:none;
}
#gradientwrap .sidebar .promo_link a:hover {color:#FF0000;}

/* begin rounded corner boxes */
#gradientwrap .sidebar #roundedbox, 
#gradientwrap .sidebar #roundedbox2 {
    margin:0;
    width:210px;
}

#gradientwrap .sidebar #roundedbox li,
#gradientwrap .sidebar #roundedbox2 li {
    color:#666;
    clear:both;
    font-size:12px;
    font-weight:bold;
    text-align: left;
    vertical-align: middle;
    width:210px;
}

#gradientwrap .sidebar #roundedbox2 li {
    padding-top:6px; 
}

#gradientwrap .sidebar #roundedbox .bg_top {
    background-image:url(/common/assets/css/images/rounded_corner/rounded_box_top.png);
    background-repeat:no-repeat;
    clear:both;
    padding:11px 0 5px 25px;
    width:210px;
}

#gradientwrap .sidebar #roundedbox .bg_body {
    background-image:url(/common/assets/css/images/rounded_corner/rounded_box_body.png);
	background-repeat:repeat-y;
}


#gradientwrap .sidebar #roundedbox.videoList .bg_body {
    height: 74px;
}

#gradientwrap .sidebar #roundedbox .bg_body div.container {
    background-image:url(/common/assets/css/images/rounded_corner/rounded_box_separator.png);
    background-repeat:no-repeat;
    height:74px;
    padding-left:12px;
    position:relative;
    width:190px;
}

#gradientwrap .sidebar #roundedbox .bg_body div.container .innerContainer { 
    display:block;	
    height:36px; 
    left:96px; 
    margin-top:-18px;
    position:absolute; 
    top:50%;
    width:106px;
}

#gradientwrap .sidebar #roundedbox .bg_body div.first {
    background-image:none !important;
}

#gradientwrap .sidebar #roundedbox .bg_body .icon {
    float:left;
    height:54px;
    width:80px;
    margin-top:10px;
}

#gradientwrap .sidebar #roundedbox .bg_body .label {
    color:#666;
    font-size:12px
    line-height:13px;
}

#gradientwrap .sidebar #roundedbox .bg_body a.link {
    color:#0033FF;
    font-size:12px;
}

#gradientwrap .sidebar #roundedbox .bg_bottom {
	background-image:url(/common/assets/css/images/rounded_corner/rounded_box_bottom.png);
}

#gradientwrap .sidebar #roundedbox2 .bg_bottom {
	background-image:url(/common/assets/css/images/rounded_corner/rounded_box2_bottom.png);
}

#gradientwrap .sidebar #roundedbox .bg_bottom, 
#gradientwrap .sidebar #roundedbox2 .bg_bottom {
    background-repeat:no-repeat;
	clear:both;
	height:21px;
	margin:0 auto;
	width:210px;
}

#gradientwrap .sidebar #roundedbox2 .bg_top {
	background-image:url(/common/assets/css/images/rounded_corner/rounded_box2_top.png);
	background-repeat:no-repeat;
	clear:both;
        padding:11px 0 5px 25px;
        line-height:12px;
	width:210px;
}

#gradientwrap .sidebar #roundedbox2 .bg_body {
    background-image:url(/common/assets/css/images/rounded_corner/rounded_box2_body.png);
	background-repeat:repeat-y;
    padding-left:14px;
}

#gradientwrap .sidebar #roundedbox2 .bg_body a {
    display:block;
    background-image:url(/common/assets/css/images/rounded_corner/rounded_box_button.png);
	background-repeat:no-repeat;
    background-position: 0 0;
    width:182px;
    height:25px;
    line-height:25px;
    padding-left:12px;
    text-decoration:none;
}

#gradientwrap .sidebar #roundedbox2 .bg_body a:hover {
    background-position: 0 -25px;
}

#gradientwrap .sidebar #roundedbox2 .bg_body a.highlight {
    background-position: 0 -50px;
}

#gradientwrap .sidebar #roundedbox2 .bg_body a.highlight:hover {
    background-position: 0 -75px;
}

#gradientwrap .sidebar #roundedbox li.bg_top span.title,
#gradientwrap .sidebar #roundedbox2 li.bg_top span.title {
    color:#999;
  	font-size:13px;
    font-weight:bold;
}

#gradientwrap .sidebar #roundedbox li span.label,
#gradientwrap .sidebar #roundedbox2 li span.label {
    color:#666;
    font-size:12px;
}
/* end rounded corner boxes */



/* BEGIN body content / wrapped content */
#wrapped_content, #bodycontent {font-size:12px; line-height:20px; color:#464646; /* gray */}
#bodycontent strong, #masthead_content strong, #diagram strong {font-size:18px; color:#000000; font-weight:normal;}
#diagram p {margin-bottom:15px;}
#wrapped_content h1, #bodycontent h1 {
	font-size:24px;
	color:#464646; /* gray */
	margin:0 0 6px 0px;
}
#wrapped_content h2, #bodycontent h2 {font-size:18px; color:#000000; margin:0 0 4px; padding:0;}

#bodycontent .summary_view h2 a {
    color:#000000;
}

#bodycontent .summary_view h2 a:hover {
    color:#000000;
}

#bodycontent p {margin:0 0 14px 0;}
#wrapped_content a, #bodycontent a, #masthead_content a, #certhometable a, .faq a {text-decoration:none; color:#326DB5; /* blue */}
#bodycontent a { text-decoration:none; color:#888; }

#bodycontent .dotted_line {display:block; padding:0px 0 0 40px; clear:left; /* clear:left needed for safari */}
#bodycontent .end_paragraphs {padding-top:0px;} /* subset of .dotted_line */

#bodycontent .sidebar {
	width:241px;
	float:right;
	margin-right:12px;
}
#bodycontent .sidebar .bug {margin:10px 0 0 0;}

#bodycontent .sidebar .anthro_bug {margin:0 0 0 15px;}

#bodycontent .main {
	width:678px;
	padding:10px 0 14px 41px;
}

.faq #bodycontent .main {
	width:665px;
	padding:10px 0 14px 10px;
}

#bodycontent .main_left {
	width:678px;
	padding:10px 0 14px 0px;
}

#sfapage #bodycontent .main_left .link_area {
	margin-left:0px;
}






/* END CSS specific to rolebased page */


/* BEGIN CSS for wrapper */
#gradientwrap .wrapper_sidebar {
	float:left;
	width:215px; 
}

#gradientwrap .wrapper_sidebar .sidenav_container {
	background-image:url(images/wrapper/bk_sidenav_back.png);
	background-repeat:no-repeat;
	background-position:0 -1px;	
	padding-top:10px;
	margin-left:18px;
}

#gradientwrap .wrapper_sidebar .sidenav_top {
	display:block;
	width:186px;
	height:33px;
	background: transparent url(images/wrapper/menu-top.gif) no-repeat scroll 11px;
	/* background-position:12px 0; ie6 */
	padding:0;
}

#gradientwrap .wrapper_sidebar .sidenav_top_current {
	background-image:url(images/wrapper/menu-top-white.gif);
}

#gradientwrap .wrapper_sidebar .sidenav {
	margin: -1px 0 -1px 11px;
	width:186px;
	/* margin-left:12px; width:185px; ie6 */
	font-size:13px;
	line-height:15px;	
	font-weight:bold;	
	background-repeat:repeat-y;
	overflow:hidden;
}
#gradientwrap .wrapper_sidebar .sidenav_bottom {
	display:block;
	width:197px;
	height:33px;
	background: transparent url(images/wrapper/menu-bottom.gif) no-repeat scroll 11px;
	padding:0;
}

#gradientwrap .wrapper_sidebar .sidenav_bottom_current {
	background: transparent url(images/wrapper/bk_sidenav_bottom_white.png) no-repeat scroll 0 100%;	
}
#gradientwrap .wrapper_sidebar .sidenav li {
	/*background-color:#F2F6F9; background image used in place of color for Safari */
	background:transparent url(images/wrapper/bk_sidenav_innerblue.png) repeat scroll 0 0;
	padding:5px 10px 5px 15px;	
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;	
	width:147px;
}

#gradientwrap .wrapper_sidebar .sidenav li a {	
	text-decoration:none; 
	color:#808080;
	font-weight:normal;
	font-size:13px;
	line-height:13.5px;
	
}
#gradientwrap .wrapper_sidebar .sidenav li a:hover {color:#FF0000;}

#gradientwrap .wrapper_sidebar .sidenav li ul {
	display:none;
	margin-top:6px;
	margin-bottom:0px;
}

#gradientwrap .wrapper_sidebar .sidenav li.current { 
	background-color:white;
	background-image:none;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	/* padding-right:5px; width:152px; ie6 */
	border-bottom:1px solid #CCCCFF;
	border-top:1px solid #CCCCFF;
}
#gradientwrap .wrapper_sidebar .sidenav li.current li {background-image:none;}

/* first entry, does not have top border, even when selected */
#gradientwrap .wrapper_sidebar .sidenav li.first { 
	border-top:none; 
	padding-top:0;
	margin-top:0;
}
/* last entry, does not have bottom border, even when selected */
#gradientwrap .wrapper_sidebar .sidenav li.last { 
	border-bottom:none; 
	padding-bottom:2px;
	margin-bottom:0;
}

#gradientwrap .wrapper_sidebar .sidenav li li {
	background-color:transparent;
	font-size:12px;
	font-weight:normal;
	padding:5px 0 5px 15px;
	margin:0;
	position:relative;
	border:none; 
	width:135px;
}

#gradientwrap .wrapper_sidebar .sidenav li li a {
	color:#808080;
	display:block;
	position:relative;
	margin:0;
	padding:0 0 2px 0;
	width:100%; /* required for IE */
}

#gradientwrap .wrapper_sidebar .sidenav li li .indicator {
	position:absolute;
	display:block;
	top:7px;
	left:1px;
	/* left:-7px; ie6 */
	width:5px;
	height:9px;
	background-image:url(images/wrapper/bk_indicator.png);
	background-repeat:no-repeat;		
}
/* END CSS for wrapper */

/* BEGIN CSS for wrapped content */
#gradientwrap #wrapped_content {
	background-color:#FFFFFF;
	width:762px;
	float:left;
	margin:0;
	position:relative;
}

#gradientwrap .corner_overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#wrapped_content .banner {
	display:block;
	border-bottom:1px solid #99908C;
	width:757px;
}

#wrapped_content .content { 
	background-color:white;
	float:left;
	width:541px;
	padding:20px;
}

#wrapped_content .content h1 {}
#wrapped_content .content h2 {}
#wrapped_content .content p {margin-bottom:10px;}
#wrapped_content .content ul {
	list-style-position:outside;
	margin-left:20px;
}
#wrapped_content .content ul li {
	background: transparent url(images/wrapper/bk_bullet_4sq.gif) no-repeat scroll left top;
	padding:3px 0 5px 20px;
}

#wrapped_content .content .bundlewpic {margin-bottom:13px; overflow:hidden;}
#wrapped_content .content .bundlewpic img {
	background-image:url(images/wrapper/bk_img80_shadow.gif);
	background-repeat:no-repeat;
	display:block;
	padding:1px 1px 9px;
	float:left;
}
#wrapped_content .content .bundlewpic h3 {
	margin:0 0 5px 100px;
	font-size:18px;
	color:#000000;
}
#wrapped_content .content .bundlewpic p {
	margin-left:100px;
}

#wrapped_content .contentbox3container {
	float:left;
	margin:0;
	padding:0;
	width:540px;
}

#wrapped_content .contentbox3_top {
	text-align:left;
}

#wrapped_content .contentbox3container h4 {
	color:#FF1100;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	
}

#wrapped_content .contentbox3 {
	background:#F3F3EC url(images/wrapper/bg_contentbox3.gif) repeat-x scroll 0 0;
	float:left;
	padding:4px 0 0;
	width:540px;	
	font-size:12px;
	line-height:16px;
}

#wrapped_content .contentbox3 ul {
	float:left;
	margin:8px 0 10px 20px;
	margin:8px 0 10px 0px;
	padding-left:20px;
	width:160px;
}
#wrapped_content .contentbox3container .contentbox3 ul li {margin:0;padding:0; background-image:none;}
#wrapped_content .contentbox3container .contentbox3 ul a {color:black;}
#wrapped_content .contentbox3container .contentbox3 ul a:hover {color:#ff0000;}
#wrapped_content .contentbox3container .contentbox3 ul a.hdr {font-weight:bold;}
#wrapped_content .contentbox3container .contentbox3 .spacer {clear:both; margin:0; padding:0;}

#wrapped_content .contentbox3container .contentbox3_bottom {
	background:#FFFFFF url(images/wrapper/bg_contentbox3_bottom.gif) no-repeat scroll 0 0;
	float:left;
	padding:10px 0 0;
	width:540px;
}

#wrapped_content .sidebar {
    float: right;
    margin-right: 0;
    padding-top: 45px;
    width: 176px;
}
#wrapped_content #ctacontainer {
	margin-bottom:36px;
	margin-left:1px;
}

#wrapped_content #ctacontainer a {
	display:block;
	width:173px;
	height:63px;
	background-image:url(images/wrapper/cta_back_all_in1.gif);
	background-repeat:no-repeat;
	margin:0 0 12px;
	padding:0px;;	
}
#wrapped_content #ctacontainer a:hover {background-position:0 -63px;}
#wrapped_content #ctacontainer a img {display:block; padding:3px;} /* ie6 padding-left: 1px */

#wrapped_content .sidebar .relatedcontainer {
	margin:0 9px 5px 0;
	width:176px;
}
#wrapped_content .sidebar .related_top {
	background:transparent url(images/wrapper/bg_related_top.gif) no-repeat scroll left top;
	height:7px;
	width:176px;
}
#wrapped_content .sidebar .related { 
	background: transparent url(images/wrapper/bg_related_center.gif) repeat-y scroll left top;
	text-align:left;
}
#wrapped_content .sidebar .related img.icon {
	float:left;
	padding:3px 5px 4px 10px;
	vertical-align:middle;
}
#wrapped_content .sidebar .related h3 {
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	padding:3px 3px 4px 10px;	
}
#wrapped_content .sidebar .related ul {
	padding:0 1px 20px;
	clear:both;
}
#wrapped_content .sidebar .related li {
	font-size:11px;
	line-height:13px;
	padding:4px 0;
}
#wrapped_content .sidebar .related li a {
	display:block;
	padding:0 10px 0 15px;
	color:#333333;
}
#wrapped_content .sidebar .related li a:hover {background-color:white; color:#FF0000;}
#wrapped_content .sidebar .related_bottom {
	background:transparent url(images/wrapper/bg_related_bottom_wh.gif) no-repeat scroll left top;
	height:19px;
	width:176px;
}
/* END CSS for wrapped content */



/* BEGIN sfa specific code */
.sidebar_left {
	float:left;
	width:213px;
	clear:left;
	padding:30px 0 0 20px;
}

.sidebar_left #sidenavigation {
	width:206px;
	margin:25px 0 0 18px;	
}

#centerwrap .sidebar_left #sidenavigation {
	margin:13px 0 0 10px;	
}

.sidebar_left #sidenavigation li {
	display:block;
	background:transparent url(images/sfa/pnav_mid_gray_206.gif) repeat-y scroll 0 0;
	/*border-left: 1px solid grey;
	border-right: 1px solid grey;*/
}
.sidebar_left #sidenavigation li.first{
	background-image:none;
	border-left: 0px solid grey;
	border-right: 0px solid grey;
}
.sidebar_left #sidenavigation li a { 
	display:block;
	text-decoration:none;
	background:transparent url(images/traincert/hr.png) repeat-x scroll 10px 100%;
	line-height:30px;
		
}
.sidebar_left #sidenavigation li div a {
	color:#808080; 
	font-size:13px;  
	padding:5px 0 5px 0px; 
	position:relative;
	width: 180px;
	margin-left:15px;
}

.sidebar_left #sidenavigation li.first div a {
	padding:10px 0 5px 0px; 
}

.sidebar_left #sidenavigation li div a.withImg {
	padding:5px 0 0 65px; 
	width: 100px;
	line-height:52px;
	min-height:52px;
}

.sidebar_left #sidenavigation li div a.wrap {
	line-height:23px; 
}

.sidebar_left #sidenavigation li div a.noicon {
	padding:5px 0 0 15px;
	width: 100%; 
}

.sidebar_left #sidenavigation li div a:hover,
.sidebar_left #sidenavigation li div.selected li a:hover {color:#000;}

.sidebar_left #sidenavigation li           ul { display:none; }
.sidebar_left #sidenavigation li .selected ul {
	display:block;
	/*border-left: 1px solid grey;
	border-right: 1px solid grey;*/
}


.sidebar_left #sidenavigation li       div			{ 
	background:transparent url(images/sfa/pnav_mid_gray_206.gif) repeat-y scroll 0 0; 
	/*background: grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;*/
}
.sidebar_left #sidenavigation li       div.selected { 
	background:transparent url(images/sfa/pnav_mid_white_206.gif) repeat-y scroll 0 0;
	/*background: white;
	border-left: 1px solid grey;
	border-right: 1px solid grey;*/
	font-weight: bold;
}
.sidebar_left #sidenavigation li.first div          { 
	background:transparent url(images/sfa/pnav_top_gray_206.gif) no-repeat scroll 0 0;
	/*border-left: 0px solid grey;
	border-right: 0px solid grey;*/
}
.sidebar_left #sidenavigation li.first div.selected { 
	background:transparent url(images/sfa/pnav_top_white_206.gif)  no-repeat scroll 0 0;
}
.sidebar_left #sidenavigation li       div.selected li {
	background:transparent url(images/sfa/pnav_mid_white_206.gif) repeat-y scroll 0 0;
	/*border-left: 0px solid grey;
	border-right: 0px solid grey;
	background: white;*/
}

.sidebar_left #sidenavigation li       div a .icon {display:block; position:absolute; width:51px; height:51px;  left:7px; top:5px; background-position:0 0;}

.sidebar_left #sidenavigation li div.selected li a,
.sidebar_left #sidenavigation li.last div.selected li a {
	color:#808080; 
	font-size:11px; 
	font-weight: normal;
	line-height:30px; 
	padding:0 0 0 8px; 
	min-height:30px; 
	width:170px;
	/*width: 100%;*/
}
.sidebar_left #sidenavigation li       div.selected li.innerlast a {background-image:none;}
.sidebar_left #sidenavigation li.last  div.selected li.innerlast a {	
	line-height:11px;
	min-height:11px;
	position:relative;
	top:10px;
        bottom:10px;
}

.sidebar_left #sidenavigation li       div.selected a {color:#000;}

#sidenavigation_bottom span {
	display:block; 
	height:10px; 
	width:206px; 
	background:transparent url(images/sfa/pnav_bottom_gray_206.gif) no-repeat scroll 0 100%; 
	margin:0 0 10px 18px; 
}

#centerwrap #sidenavigation_bottom span {margin:0 0 0 10px;}
#sidenavigation_bottom span.active {background-image:url(images/sfa/pnav_bottom_white_206.gif);	padding-bottom:10px;}

.sidebar_left #sidenavigation li       div a.sales .icon {background-image:url(images/sfa/icon_sales.gif);}
.sidebar_left #sidenavigation li       div a.marketing .icon {background-image:url(images/sfa/icon_marketing.gif);}
.sidebar_left #sidenavigation li       div a.service .icon {background-image:url(images/sfa/icon_service.gif);}
.sidebar_left #sidenavigation li       div a.partners .icon {background-image:url(images/sfa/icon_partners.gif);}
.sidebar_left #sidenavigation li       div a.collaboration .icon {background-image:url(images/sfa/icon_collaboration.gif);}

.sidebar_left #sidenavigation li.last div          a { 
	background-image:none; 
	padding-top:5px;
}

.sidebar_left #sidenavigation li.last div a.withImg { 
	line-height:21px;
	min-height:21px;
	padding-top:17px;
}

.sidebar_left #sidenavigation li.last div.selected a { 
	background:transparent url(images/sfa/pnav_hr.gif) no-repeat scroll 10px 100%; 
	padding-top:5px;
}

.sidebar_left #sidenavigation li.last div.selected a.noChildren { 
	background:none; 
}

.sidebar_left #sidenavigation li.last div.selected a.withImg { 
	line-height:52px;
	min-height:52px;
}

.sidebar_left #sidenavigation li.last div.selected a:hover{color:#000;}
.sidebar_left #sidenavigation li.last div          a .icon {top:2px;}
.sidebar_left #sidenavigation li.last div.selected a .icon {top:5px;}
.sidebar_left #sidenavigation li div.selected a.selected {color:#000;}
.sidebar_left #sidenavigation li div.selected a.selected .indicator {
	display:block; 
	position:absolute; 
	width:4px; height:7px; 
	left:0px; top:11px;  
	background:transparent url(images/sfa/indicator.png) no-repeat scroll 0 0;
}

.sidebar_left #sidenavigation li.last div.selected li.innerlast a.selected .indicator {
background:transparent url(images/sfa/indicator.png) no-repeat scroll 0;
display:block;
height:7px;
left:0px;
position:absolute;
top:2px;
width:4px;
}

.sidebar_left #relatedvideo {
	margin-left:14px;
	margin-top:10px;
}

.sidebar #relatedvideo {
	padding-top:0px;
}

.right_side_primary {
	float:right;
	width:auto;
	min-width:700px;
	padding:5px 0 0 20px;
	font-size:12px;
}

.faq {
	padding:0 0 0 20px;
	font-size:12px;
}

#sfapage .billboard {
	padding-left:0px; 
	margin-left:-13px; 

}

.faq #bodycontent {
	padding:0 0 10px 0;
	clear:left;
}

.right_side_primary #bodycontent {
	clear:left;
	float:left;
	padding:15px 0 10px 0;
	width:468px;
	margin:10px auto auto 5px;
}


.right_side_primary #bodycontent.short {
	width:468px;
	padding:0 0 10px 0;
	height:250px;

	float:left;
}

.bodycontentClass {
	clear:left;
	float:left;
	padding:0 0 10px 0;
	width:468px;
}
.right_side_primary #bodycontent.short .rightCopy {
	float: right; width: 332px;
}

#bodycontent.paddedtop {padding-top:230px;}



.right_side_primary #bodycontent h1 { font-size:18px; line-height:28px; color:#000; font-weight:normal; margin:0 0 0 0px;}
.right_side_primary #bodycontent h2 {font-size:12px; line-height:16px; color:#464646; font-weight:bold; margin:0px 0 5px 0px;}
.right_side_primary #bodycontent p,
.right_side_primary #bodycontent ul {font-size:12px; line-height:22px; color:#464646; margin-left:0px;}
.right_side_primary #bodycontent ul li {
	background:transparent url(images/body_tabmenu/bk_bullet_reddot.gif) no-repeat scroll 0 9px; 
	margin:0 0 0px 0px;
	padding: 0 0 0 10px;	
}

.right_side_primary #bodycontent ul.headshotlinks li {
	background:none; 
	margin:0 0 25px 0px;
	padding: 0 0 0 0px;	
}

.right_side_primary #bodycontent #marketecture {
	width:410px;
}
.right_side_primary #bodycontent #marketecture img {
	margin-left:-10px;	
}

#gradientwrap .right_side_primary .sidebar {
	float:right;
	width:203px;
	padding:4px 45px 0 6px;
	margin:0;
}

#gradientwrap .right_side_primary .sidebar #promolist {
	padding-top:28px;
}

#gradientwrap .right_side_primary .sidebar .button { margin-bottom:5px; }

#gradientwrap .right_side_primary .sidebar #sfa_js_menu {
	text-align:left;
	background:transparent url(images/sfa/jsmenu_bk.png) no-repeat scroll 0 0;
	width:225px;	
	margin:0; padding:0;
}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul {
	background:transparent url(images/sfa/jsmenu_bk_bottom.png) no-repeat scroll 0 100%;
	padding: 6px 25px 10px 20px;
}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li {}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.last {background-image:none;}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li a {
	display:block;
	width:182px;
	height:25px;
	position:relative;
	font-size:13px; line-height:25px;
	font-weight:bold;	
	color:#464646;
	padding: 0 0 0 14px;
	background:transparent url(images/sfa/jsmenu_hr.png) no-repeat scroll 0 100%;
}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.selected a {
	color:#000;
	background:transparent url(images/sfa/jsmenu_hr.png) no-repeat scroll 0 100%;	
}

#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li a .arrow {
	display:block; 
	position:absolute;
	width:10px;  height:10px; 
	left:-1px; top:7px;
	background:transparent url(images/sfa/jsmenu_arrow_right.png) no-repeat scroll 0 0;	
}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.selected a .arrow { background-image:url(images/sfa/jsmenu_arrow_down.png); }
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li          ul { display:none; }
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.selected ul { display:block; background-image:none; padding:0; }
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.selected ul li a {
	font-size:11px; line-height:25px;
	font-weight:normal;
	color:#326DB5;
}
#gradientwrap .right_side_primary .sidebar #sfa_js_menu ul li.selected ul li a:hover {color:#FF0000;}
#sfapage #swf_area {
	background:transparent url(../../assets/images/placeholder_flashWidget1.jpg) no-repeat scroll 0 0;
	width:468px; height:225px;		
}


#gradientwrap .right_side_primary .sidebar .awards { background:transparent url(images/sfa/awards_bk_top.png) no-repeat scroll 0 0; width:203px; margin:0px 0 26px 5px;}
#gradientwrap .right_side_primary .sidebar .awards ul {background:transparent url(images/sfa/awards_bk_bottom.png) no-repeat scroll 0 100%; padding:10px 0 6px 1px;}
*:first-child+html #gradientwrap .right_side_primary .sidebar .awards ul {padding-top:13px; padding-left:3px;} /* ie7 */
#gradientwrap .right_side_primary .sidebar .awards li {
	background:transparent url(images/sfa/awards_hr_179.png) no-repeat scroll 12px 100%; 	
	overflow:hidden;
	position:relative;
	width:200px;
}
*:first-child+html #gradientwrap .right_side_primary .sidebar .awards li {left:-3px;} /* ie7 */
#gradientwrap .right_side_primary .sidebar .awards li.first {margin-top:3px;}
#gradientwrap .right_side_primary .sidebar .awards li.last {background-image:none;}

#gradientwrap .right_side_primary .sidebar .awards li .logo {
	display:block;
	float:left;
	width:77px;
	margin:0 0 0 5px;
	padding:0 0 0 6px;
}

#gradientwrap .right_side_primary .sidebar .awards li a.txt {
	display:block;
	position:absolute;
	left:96px; top:50%;
	margin-top:-8px;
	font-size:12px; line-height:15px;
	width:105px;
	text-align:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #gradientwrap .right_side_primary .sidebar .awards li a.txt { left: 95px; } } /* safari */

#gradientwrap .right_side_primary .sidebar .awards li a.txt:hover,
#gradientwrap .right_side_primary .sidebar .awards li a.txt.hovering {color:#000;}



/* BEGIN SFA category tweaks */
.crm-heading-wrapper										{padding-top:-10px;width:700px;margin-bottom:15px;}
.crm-heading-wrapper .p-start								{float:left;}
.crm-heading-wrapper h1										{color:#000000;font-size:18px;font-weight:normal;line-height:28px;margin:0 0 5px 0;}
.crm-heading-wrapper .screenshot							{float:right;margin-left:15px;}
.crm-heading-wrapper .crm-heading							{padding-top:25px;}
.crm-heading-wrapper .crm-heading p							{color:#464646;font-size:12px;line-height:22px;margin-left:0;}
.crm-heading-wrapper .crm-heading a							{color:#326DB5;text-decoration:none;}
.crm-heading-wrapper .link-area								{margin:10px 0 0 -3px;color:#464646;}
.crm-heading-wrapper .link-area a							{color:#326DB5;text-decoration:none;padding:3px;}


.crm-module													{float:left;margin-bottom:30px;}
.crm-module .module-top										{background:url('../images/module-top.jpg') no-repeat center center;width:450px;height:33px;}
.crm-module .module-bottom									{background:url('../images/module-bottom.jpg') no-repeat center center;width:450px;height:33px;}
.crm-module .module											{background:url('../images/module-bg.jpg') repeat-y center;width:450px;}
.crm-module .module-content-wrapper							{float:left;width:340px;}
.crm-module .module-content									{margin:0 10px 10px 10px;display:none;}
.crm-module .module-content-wrapper .active					{display:block !important;}
.crm-module .module ul										{float:left;width:110px;line-height:15px !important;margin:0 !important;}
.crm-module .module li										{height:50px;background:none !important;text-align:right;position:relative;padding-left:0 !important;}
#bodycontent li a										{font-size:11px !important;}

.crm-module .module li div.o								{display:table;height:100%;position:static;width:100%;}
.crm-module .module li div.i								{display:table-cell;vertical-align:middle;padding-right:15px;}
/*hacking for IE6/7 to vertical-align properly */
.crm-module .module li div.o								{*position:absolute;*top:50%;*left:0;*display:block;*height:auto;}
.crm-module .module li div.i								{*position:relative;*top:-50%;*display:block;}

.crm-module .module li a									{cursor:pointer;color:black !important;}
.crm-module .module li.active a								{font-weight:bold;}
.crm-module .module li.active a:hover						{color:black !important;cursor:default;}
.crm-module .module li.active								{background:url('../images/module-menu-active-bg.jpg') repeat-y center !important;}
.crm-module h3												{font-weight:bold;color:black;margin-bottom:15px;}
.crm-module p												{color:#464646 !important;line-height:16px!important;margin:15px 8px 0 8px !important;}
.crm-module .delim											{padding:0 2px;}

/* END SFA widget/tabs */




/* Hides from IE-mac \*/

.clearfix {display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* End hide from IE-mac */





/* 侧边栏 */
div.sdmenu { width: 206px; font-size: 12px; padding-bottom: 10px; background: url(../images/pnav_bottom_gray_206.gif) no-repeat  right bottom; color:#666; margin:13px; }
div.sdmenu div .selected { background:transparent url(../images/pnav_mid_gray_206.gif) repeat-y scroll 0 0; overflow: hidden; }
div.sdmenu div  { background:transparent url(../images/pnav_mid_white_206.gif) repeat-y scroll 0 0; overflow: hidden; }
div.sdmenu div:first-child { background: url(../images/pnav_top_white_206.png) no-repeat; }
div.sdmenu div:first-child .selected { background: url(../images/pnav_top_gray_206.gif) no-repeat; }
div.sdmenu div.collapsed { height: 40px; }
div.sdmenu div span { display: block; padding: 15px 25px; background: url(../images/expanded.gif) no-repeat 10px center; cursor:pointer; font-weight:bold; }
div.sdmenu div.collapsed span { background-image: url(../images/collapsed.gif); }
div.sdmenu div a { padding: 8px 10px; background:url(../images/pnav_mid_white_206.gif) repeat-y; display: block; color:#666; text-decoration:none; border-bottom:#CCC dotted 1px; font-size:11px;}
div.sdmenu div a.current { color: #C90; background:transparent url(../images/pnav_mid_gray_206.gif) repeat-y scroll 0 0; overflow: hidden;}
div.sdmenu div a:hover { color: #C90;  background:transparent url(../images/pnav_mid_gray_206.gif) repeat-y scroll 0 0; overflow: hidden;}


/******watch a deme******/
#red_but { background:url(../images/blue_but_off.jpg) no-repeat 20px 0; float:left; height:62px; margin-top:20px; padding:10px 0 10px 20px; text-align:center; text-decoration:none; vertical-align:middle; white-space:nowrap; width:232px; }
#red_but a { float:left; height:62px; margin-top:0; text-align:center; text-decoration:none; vertical-align:middle; white-space:nowrap; width:230px; }
#red_but a:hover  { background-image:url(../images/blue_but_on.jpg); background-repeat:no-repeat; padding-top:10px; margin-top:-10px; }
#red_but .head { color:#FFFFFF; font-size:26px; font-weight:bold; left:auto; top:auto; }




/* 滚动条新闻 */
#newsticker-demo { width:175px; height:5px; background:#fff; padding:0px 5px 0; font-family:Verdana,Arial,Sans-Serif; font-size:12px; margin:0; }
#newsticker-demo a { text-decoration:none;color:#808080; }
#newsticker-demo a:hover { color:#ff1100; }
#newsticker-demo button.prev { background:transparent url(../images/super_saasy_uparrow.gif) no-repeat scroll 0 0;border: none;outline:none; float:right;height: 20px;width:15px;margin-top:15px; }
#newsticker-demo button.prev:hover{background:transparent url(../images/super_saasy_uparrow_red.gif) no-repeat scroll 0 0; }
#newsticker-demo button.next { background:transparent url(../images/super_saasy_downarrow.gif) no-repeat scroll 0 0;border: none;outline:none;float:right; height: 20px;width:15px;position:relative;margin-top:0px;}
#newsticker-demo button.next:hover {background:transparent url(../images/super_saasy_downarrow_red.gif) no-repeat scroll 0 0;}
#newsticker-demo h1,#newsticker-demo h2,#newsticker-demo h3,#newsticker-demo h4{ color:#808080; padding:0; margin:0; list-style:none; font-size:11px; font-weight:bold; }
#newsticker-demo ul li{ background: none; list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; margin-left:3px; text-align:left; }

.newsticker-jcarousellite { width:152px; height:50px; }
.clear { clear: both; }

#bodycont { height:100%; }

#bodycont .s_sas { margin-bottom: 35px;} 
#bodycont .s_sas { background-image: url(../images/super_sassy_top.gif); background-repeat: no-repeat; float: left; margin-left: 0px; height:auto; min-height:160px; clear:both; }
#bodycont .s_sas .title { color:#999; font-size:13px; font-weight:bold; line-height:22px; margin:6px auto auto 25px; text-align:left; }
#bodycont .s_sas .bottom, #bodycont .force .bottom { background-image: url(../images/super_saasy_bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 5px 28px 30px 0px; width: 180px; min-height: 185px; margin-top: 0px; height:auto; !important height: 195px; font-size: 12px; line-height: 14px; color: #808080; overflow:hidden; } 

#bodycont .s_sas .bottom .button, #bodycont .force .bottom .button, #bodycont .support .bottom .button { float: left; height: 100%; margin-left:0px; padding:0 0 0 0px; } 
#bodycont .s_sas .bottom .content, #bodycont .force .bottom .content, #bodycont .support .bottom .content { margin-left:15px; width:180px; height:150px; } 
#promolist_sassy { height: 246px; margin: 10px 0px 12px 0px; width:210px; overflow:hidden; }