@charset "UTF-8";
/* CSS Document */

#solution-top .main_bg {
	width:100%;
	height:162px;
	background-image:url(../images/solutions/solution-bg.jpg);
	background-position:top right;

}

#solution-top .submenue {
	top:139px;
}

#index h2,#user-stories h2,#technology h2,#industry h2 ,#certification h2,#reviews h2 {
margin-bottom:8px; font-size:14px; float:none; display:block; color:#666666
}
#index .content, #total-cost .content {
	padding:35px;
	padding-top:30px;
	line-height:18px
}

#sidebar-container .content  {
	padding:10px;
	padding-top:10px;
	line-height:18px
}
#index a { 
	text-decoration: none;

}

#index .content-left {
	margin-right:80px;
	margin-top:40px;
	width:270px;
	float:left;
	
}
#index .content-right {
	float:left;
	margin-top:40px;
	width:320px;
	line-height:18px
}

#index .rel_item {
	float:left
}
#index .rel_item p{
	color: #0066cc;
	line-height:22px
}

#index .rel_item2 {
	float:left
}
#index .rel_item2 p{
	color: #0066cc;
	line-height:22px;
	width:135px;
	letter-spacing:-1px
}


#index .rel_sep {
	float:left;
	width:1px; 
	height:75px;
	border-right:1px solid #eeeeee;
	padding-left:15px;
	margin-right:15px
}

#technology .content, #industry .content, #certification .content{
	padding:20px 10px 20px 10px;
	line-height:18px;
	margin:0 0 10px 0;
	float:left;
}
#reviews .content{
	padding:34px 1.5% 20px 1.5%;
	line-height:18px;
	margin:0 0 10px 0;
	float:left;
	width:96.5%;
}
#reviews .content .item{
	padding:0 0 5px 0;
	margin:-1px 0 0 0;
	float:left;
	width:100%;
	border:#eee 1px solid;
}
#reviews .content .item .inner{
	padding:0;
	margin:7px 2% 7px -1px ;
	float:left;
	width:48%;
	border-left:#eee 1px dotted;
}

#reviews .content .item .text h3{	
	color:#003366;
	font-weight:bold;
	font-size:13px;
	padding: 10px 0 5px 0;
	margin:0;
	float:left;
	width:100%;
}

#reviews .content .item .inner .text  h3{	
	color:#ff000;
	font-weight:bold;
	font-size:11px;
	padding: 10px 0 5px 0;
	margin:0;
	float:left;
	width:98%;
}
#reviews .content .item .text{
	margin:0;
	padding:0;
	width:560px;
	float:left;
}
#reviews .content .item .inner .text{
	margin:0;
	padding:0;
	width:260px;
	float:left;
}
#reviews .content .item .text a{text-decoration:underline;}

#reviews .content .item .text p{
	margin:0;
	padding:0 0 12px 0;
	width:100%;
	float:left;
	text-align:justify;
	line-height:1.3em;
	color:#333;
}
#reviews .content .item .inner .text p{
	margin:0;
	padding:12px 0 12px 0;
	width:100%;
	float:left;
	text-align:justify;
	line-height:1.3em;
	color:#333;
}

#reviews .content .item .text .source{
	float:left;
	margin:0 18px 0 0;
	padding:0 0 0 15px;
	background:url(/images/solutions/icon_dot.gif) left 6px no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#818153;
}
#reviews .content .item .text .other{
	float:left;
	margin:0 18px 10px 0;
	padding:0 0 0 15px;
	background:url(/images/solutions/icon_dot2.gif) left 6px no-repeat;
	font-weight:bold;
	font-size:11px;
}
#reviews .content .item .text .source_s{
	float:left;
	margin:0 18px 0 0;
	padding:0 0 0 15px;
	background:url(/images/solutions/icon_dot.gif) left 6px no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#818153;
	width:100%;
}
#reviews .content .item .text .other_s{
	float:left;
	margin:0 18px 0 0;
	padding:0 0 0 15px;
	background:url(/images/solutions/icon_dot2.gif) left 6px no-repeat;
	font-weight:bold;
	font-size:11px;
	width:100%;
}

#reviews .content .item  img{
	float:left;
	width:120px;
	padding:12px;
	margin:10px 10px 0 0;
}
#reviews .content .item  .inner img{
	float:left;
	width:60px;
	padding:12px;
	margin:10px 10px 0 0;
}

#reviews .content .item .top{
	font-size:10px;
	font-weight:bold;
	color:#0066cc;
	position:relative;
	width:50px;
	height:15px;
	bottom:10px;
	float:right;
	right:10px;
	text-align:right;
	margin:0;
	padding:0;
	z-index:999;
}
#reviews .content .item .download{
	font-size:10px;
	font-weight:bold;
	color:#0066cc;
	position:relative;
	width:70px;
	height:15px;
	bottom:10px;
	float:right;
	right:10px;
	text-align:left;
	margin:0;
	z-index:999;
	background:url(../images/common/arrow2.gif) left 5px no-repeat;
	padding:0 0 0 8px;
	text-decoration:underline;
}

#technology .content-item, #industry .content-item{
	float:left;
	width:560px;
	padding:10px;
	border:#c9c9c9 1px solid;
}
#certification .content-item {
	float:left;
	width:570px;
	padding:10px;
	border:#c9c9c9 1px solid;
}

#certification .content-item-table{
	float:left;
	width:585px;
	padding:10px 10px 10px 10px;
	border:#c9c9c9 1px solid;
}

#certification .content-item-table table{
background-color:#fff;
margin-bottom:10px;
border-top:#c9c9c9 1px solid;
border-left:#c9c9c9 1px solid;
}

#certification .content-item-table .coltitle{
font-size:11px;
font-weight:bold;
color:#fff;
background-color:#005480;
line-height:25px;
text-align:center;
vertical-align:middle;
letter-spacing:-0.03em;
}

#certification .content-item-table .coltitle a:link, #certification .content-item-table .coltitle a:visited{
color:#fff;
text-decoration:underline;
}
#certification .content-item-table .coltitle a:hover{
color:#96dbff;
}
#certification .content-item-table .product{padding:0;margin:0;}
#certification .content-item-table .product img{width:45px;}
#certification .content-item-table .product a:link, #certification .content-item-table .product a:visited{
font-size:11px;
font-weight:bold;
color:#0066cc;
line-height:25px;
text-align:center;
vertical-align:middle;
text-decoration:underline;
}
#certification .content-item-table .product a:hover{
color:#ff4900;
}

#certification .content-item-table img{
float:none;
}
#certification .content-item-table tr.odd{
background-color:#f1f1f1;
color:#000;
font-size:11px;
}
#certification .content-item-table tr.even{
background-color:#fff;
color:#000;
font-size:11px;
}

#certification .content-item-table td{
border-bottom:#c9c9c9 1px solid;
border-right:#c9c9c9 1px solid;
}

#industry .content-item .item{
	border-bottom:#c9c9c9 1px dotted;
	padding:10px 0;
	margin:0 0 5px 0;
	float:left;
}

#industry .content-item .item .user_story{
	padding:10px 0;
	margin:0 0 5px 0;
	float:left;
}

#industry .content-item .item .user_story .title{
font-weight:bold;}
#technology .content-item-left, #industry .content-item-left , #certification .content-item-left {
	padding-top:0px;
	float:left;
	width:560px;
	padding:0;
}

#technology .picture, #industry .picture {
	float:left; margin:10px 10px 10px 0; border:1px solid #ccc;
}

#certification .picture {
	float:left; margin:0 10px 0 0;
}

#technology .menu, #industry .menu{
	width:160px;
	float:left;
	border-top:#c9c9c9 1px solid;
	border-left:#c9c9c9 1px solid;
}

#certification .menu {
	width:140px;
	float:left;
	border-top:#c9c9c9 1px solid;
	border-left:#c9c9c9 1px solid;
}

#technology .menu ul, #industry .menu ul, #certification .menu ul{
list-style:none;
float:left;
margin:0;
padding:0;
}
#technology .menu ul li, #industry .menu ul li{
margin:0;
padding:0;
list-style:none;
background-image:none;
width:160px;
display:block;
float:left;
border-bottom:#c9c9c9 1px solid;
}
#certification .menu ul li{
margin:0;
padding:0;
list-style:none;
background-image:none;
width:140px;
display:block;
float:left;
border-bottom:#c9c9c9 1px solid;
}
#technology .menu ul li a:link, #technology .menu ul li a:visited,
#industry .menu ul li a:link, #industry .menu ul li a:visited{
margin:0;
padding:5px 0 5px 10px;
text-decoration:none;
color:#666;
font-weight:bold;
font-size:11px;
width:150px;
float:left;
}
#certification .menu ul li a:link, #certification .menu ul li a:visited{
margin:0;
padding:5px 0 5px 10px;
text-decoration:none;
color:#666;
font-weight:bold;
font-size:11px;
width:130px;
float:left;
}
#technology .menu ul li a:hover,
#industry .menu ul li a:hover,
#certification .menu ul li a:hover{
background-color:#dfdfdf;
color:#333;
}

#technology .menu ul li a.current:link, #technology .menu ul li a.current:visited,
#industry .menu ul li a.current:link, #industry .menu ul li a.current:visited{
margin:0;
padding:5px 0 5px 10px;
text-decoration:none;
color:#003366;
font-weight:bold;
font-size:11px;
width:150px;
float:left;
background-color:#ddf5ff!important;
}

#certification .menu ul li a.current:link, #certification .menu ul li a.current:visited{
margin:0;
padding:5px 0 5px 10px;
text-decoration:none;
color:#003366;
font-weight:bold;
font-size:11px;
width:130px;
float:left;
background-color:#ddf5ff!important;
}

#certification .menu ul li a.indexTable:link, #certification .menu ul li a.indexTable:visited{
margin:0;
padding:5px 0 5px 10px;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:11px;
width:130px;
float:left;
background-color:#efefef;
}

#technology .related h3{
	margin:20px 0 0 0;
	border-top:#c9c9c9 1px dotted;
	padding:10px 0;
	float:left;
	color:#ff600d;
	display:block;
	width:100%
}

#industry .related h3{
	margin:0px 0 0 0;
	padding:10px 0;
	float:left;
	color:#ff600d;
	display:block;
	width:100%
}

#certification .related h3{
	margin:20px 0 0 0;
	border-top:#c9c9c9 1px dotted;
	padding:10px 0;
	float:left;
	color:#ff600d;
	display:block;
	width:100%;
}

#technology .related, #industry .related, #certification .related{
margin:0;
padding:0;
width:100%;
float:left;
}
#technology .related .rel_item,#industry .related .rel_item,#certification .related .rel_item{
width:61px;
margin:0 5px 0 0;
padding:5px 5px 0 5px;
float:left;
border-right:#ccc 1px dotted;
}

#technology h3,#industry h3{
	color:#003366;
	font-weight:bold;
	font-size:12px;
	padding: 10px 0 2px 0;
	display:block
}

#certification h3{
	color:#003366;
	font-weight:bold;
	font-size:12px;
	padding-bottom:10px;
	height:40px;
}

#certification h4{
	color:#333;
	font-weight:bold;
	font-size:95%;
	padding:5px 0 0 0;
}

#technology p,#industry p,#certification p{
padding:0 0 15px 0;
	/*text-align:justify;*/
}

#technology ul,#industry ul,#certification ul{
margin:0;
padding:0;
float:left;}

#technology ul li,#industry ul li,#certification ul li{
background:url(../images/solutions/arrow.gif) left 7px no-repeat;
width:95%;
float:left;
padding:0 0 0 2%;
margin:0 0 10px 2%;
clear:both;
}
#technology .download,#industry .download,#certification .download{
background:url(../images/common/arrow2.gif) left 3px no-repeat;
color:#0066cc;
font-size:10px;
font-weight:bold;
padding:0 0 0 8px;
text-decoration:underline;
}

#technology .hilight,#industry .hilight,#certification .hilight{
color:#FF3300; font-weight:bold;
}

#technology img{
margin:10px 0 0 0;
float:left;}

#industry img, #certification img{
float:left;}

#user-stories .content-left{
	padding-right:20px;
	float:left;
}

#user-stories .content-right {
	padding-top:0px;
	padding-left:20px
}
#certification .cert-img {
	padding-right:20px;
	float:left
}

#certification .rel_sep {
	border-right:0px;
	padding-left:10px;
	margin-right:0px
}


/*for video playlist added by christine 101126*/
#video_gallery .content{
margin:0 auto 20px auto;
padding:10px 0 20px 10px;
}

#video_gallery .content H1{
font-weight:bold;
line-height:30px;
font-size:14px;
}

#video_gallery .content .playlist{
width:746px;
float:left;
margin:5px 0 10px 0;
padding:0;
}

#video_gallery .content .playlist .title{
background:#b1b1b1;
color:#fff;
font-weight:bold;
padding:0 5px;
line-height:20px;
}

#video_gallery .content .playlist .list{
background:#b3b3b3 url(../images/solutions/playlist_bg.gif) left top no-repeat;
color:#333;
padding:5px 5px 5px 15px;
line-height:20px;
border-top:#e0e0e0 1px solid;
border-bottom:#b3b3b3 1px solid;
float:left;
width:726px;
}

.list .tol{
float:left;
width:115px;
margin:0;
padding:0;
}

.list a{
noFocusLine:expression(this.onFocus=this.blur());
-moz-outline-style:none;
border:none;
}

.list a.showHidetxt:link, .list a.showHidetxt:visited, .list a.showHidetxt:hover{
font-weight:bold;
font-size:85%;
padding:0 5px;
text-decoration:underline;
}

.list a.fbtn:link, .list a.fbtn:visited {
width:30px;
height:28px;
background:url(../images/solutions/icon_pk_first.gif) left top no-repeat;
float:left;
margin:0;
padding:0;
top:-3px;
position:relative;
}

.list a.fbtn:hover {
background:url(../images/solutions/icon_pk_first_hover.gif) left top no-repeat;
}

.list a.pbtn:link, .list a.pbtn:visited {
width:30px;
height:28px;
background:url(../images/solutions/icon_pk_previous.gif) left top no-repeat;
float:left;
margin:0;
padding:0;
top:-3px;
position:relative;
}

.list a.pbtn:hover {
background:url(../images/solutions/icon_pk_previous_hover.gif) left top no-repeat;
}

.list a.nbtn:link, .list a.nbtn:visited {
width:30px;
height:28px;
background:url(../images/solutions/icon_pk_next.gif) left top no-repeat;
float:left;
margin:0;
padding:0;
top:-3px;
position:relative;
}

.list a.nbtn:hover {
background:url(../images/solutions/icon_pk_next_hover.gif) left top no-repeat;
}

.list a.lbtn:link, .list a.lbtn:visited {
width:30px;
height:28px;
background:url(../images/solutions/icon_pk_last.gif) left top no-repeat;
float:left;
margin:0;
padding:0;
top:-3px;
position:relative;
}

.list a.lbtn:hover {
background:url(../images/solutions/icon_pk_last_hover.gif) left top no-repeat;
}

.list ul{
float:left;
maring:0;
padding:0;
}

.list ul li{
margin:0;
padding:3px 0 3px 7px;
border-bottom:#c7c7c7 1px dotted;
width:709px;
background:url(../images/solutions/arrow.gif) left 11px no-repeat;
}

.list ul li a:link, .list ul li a:visited{
color:#333;
}

.list ul li a:hover{
color:#0066cc;
}

/*new user stories added by christine 120710*/

#user-stories .content{
	padding:15px 20px 25px 20px;
	line-height:18px;
}
#user-stories .content H2{
	padding:0 0 5px 0;
	margin:0;
	color:#ff4900;
	font-size:15px;
}

#user-stories .content H3{
	color:#003366;
	font-size:13px;
	padding:0;
	margin:0 0 5px 0;
}

#user-stories .content H4{
	color:#737373;
	font-size:11px;
	padding:0;
	margin:0 0 10px 0;
	letter-spacing:-0.05em;
	border-right:#333 1px dotted;
	float:left;
}

#user-stories .content H4 a{
	color:#737373;
	font-size:11px;
	padding:0 8px 0 8px;
	margin:0 0 10px 0;
	letter-spacing:-0.05em;
	text-decoration:underline;
	border-left:#333 1px dotted;
}
#user-stories .content H4 a:hover{
	color:#0066cc;
}

#user-stories .content p{
	/*text-align:justify;*/
	padding:5px 0 8px 0;
	margin:0;
	line-height:1.4em
}
#user-stories .content .title{
	font-weight:bold;
	margin:15px 0 5px 0;
	border-bottom:#ff4900 1px solid;
	clear:both;
}

#user-stories .content .title span{
	color:#fff;
	background-color:#ff4900;
	padding:0 2px;
	max-width:116px;
	display:block;
	text-align:center;
}

#user-stories .intro{
	color:#000000;
	float:left;
	padding:20px 0px 8px 18px;
	margin:0;
	width:95%;
	/*text-align:justify;*/
	line-height:1.4em
}

#user-stories .content .intro{
	color:#000000;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	/*text-align:justify;*/
	line-height:1.4em
}

#user-stories .content .intro img{
	float:left;
	padding:3px;
	margin:0 15px 10px 0;
	background-color:#efefef;
	border:#c7c7c7 1px solid;
	width:205px;
	/*height:227px;*/
}
#user-stories .content .intro em{
	color:#6483a1;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	text-align:left;
	float:left;
	padding:10px 0 0 0;
}

.bakind {
	border-bottom:1px dotted #e3e8ed;
	height:22px;
	margin:20px auto 10px auto;
	background:url(../images/common/arrow2-left.gif) left 3px no-repeat;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 10px;
	width:95%;
}

#user-stories .content .detail{
	margin:20px 0 0 0;
	padding:10px 0;
	border-top:#666 dotted 1px;

}

#user-stories .content .detail .title{
	background-color:#CCCCCC;
	color:#fff;
	border-bottom:none;
	padding:0 2px;
}

#user-stories .content .detail ul{
	margin:8px 0;
	padding:0;
	width:95%;
}

#user-stories .content ul li{
	color:#0066cc;
	list-style:disc;
	margin:0 0 8px 15px;
}

#user-stories .content ul li span{
	color:#000;
}

#user-stories .content .detail .logo{
	float:left;
	padding:3px;
	margin:8px 15px 0px 0;
	background-color:#efefef;
	border:#c7c7c7 1px solid;
	max-width:130px;
}

#user-stories .content .detail img{
	float:left;
	padding:3px;
	margin:8px 15px 0px 0;
	background-color:#efefef;
	border:#c7c7c7 1px solid;
}

.byProduct_block {
	width:100%;
	margin:0;
	padding:0;
	*padding:5px 0 5px 0;
	float:left;
	background-color:#efefef;
}
.byProduct_model a span, .byIndustry_Cat a span{color:#666;}
.byProduct_model ul, .byIndustry_Cat ul{
margin:0px;
padding:0px;
float:left;
background-color:#efefef;
}

.byProduct_model ul li, .byIndustry_Cat ul li{
float:left;
padding:0 0 0 0;
border-bottom:#333 1px dotted;
background:#fff;
}

.byProduct_model ul li.itemdes, .byIndustry_Cat ul li.itemdes{
	font-size:10px;
	color:#fff;
	background-color:#666666;
	font-weight:bold;
	border-bottom:none;
	padding:3px 0 3px 2px;
	width:253px;
	*width:100%;
}

.byProduct_model ul li a, .byIndustry_Cat ul li a{
margin:0px;
color:#0066cc;
padding:5px 5px 5px 15px;
display:block;
float:left;
width:235px;
*width:100%;
noFocusLine:expression(this.onFocus=this.blur());
-moz-outline-style:none;
border:none;
font-weight:bold;
font-size:11px;
letter-spacing:-0.05em;
}

.byProduct_model ul li a:hover, .byIndustry_Cat ul li a:hover{
text-decoration:none;
background-color:#66acf2;
color:#fff;
}

.byProduct_TD, byIndustry_TD{
	width:100%;
	margin:0;
	padding:0;
}

.byProduct_TD ul, .byIndustry_TD ul{
	margin:0px;
	padding:0px;
	float:left;
}

.byProduct_TD ul li, .byIndustry_TD ul li{
float:left;
width:475px;
*width:100%;
padding:0;
border-bottom:#333 1px dotted;
}

.byProduct_TD ul li a, .byIndustry_TD ul li a{
margin:0px;
color:#333;
padding:5px 5px 5px 15px;
display:block;
float:left;
width:456px;
*width:100%;
noFocusLine:expression(this.onFocus=this.blur());
-moz-outline-style:none;
border:none;
font-weight:bold;
font-size:11px;
letter-spacing:-0.05em;
}

.byProduct_TD ul li a:hover, .byIndustry_TD ul li a:hover{
text-decoration:none;
background-color:#ddd;
color:#000;
}

.byProduct_TD ul li.itemdes, .byIndustry_TD ul li.itemdes{
	font-size:10px;
	color:#fff;
	background-color:#666666;
	font-weight:bold;
	border-bottom:none;
	padding:3px 0 3px 2px;
	width:474px;
	*width:100%;
}

/* Added by Sally Yang on 11-28-2011 */
.indBox {margin-top:8px;padding-bottom:8px; border-bottom:1px dotted #ccc;clear:both;}
.indLeft {display: block; float: left; height: 75px; border: #ccc 1px solid; padding: 10px;}
.indOther {clear:both;}
.indBox p {padding-left:180px;}