@charset "utf-8";

/* for alm*/
.nav_up,.nav_down {
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:106px;
	line-height:34px;
	text-align:center;
}
.nav_up {
	color:#262261;
	background:url(/images/product-mockup/image_up.gif) left top no-repeat;
}
.nav_down {
	color:#fff;
	background:url(/images/product-mockup/image_down.gif) left top no-repeat;
}

.nav_up_narrow,.nav_down_narrow {
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:91px;
	line-height:34px;
	text-align:center;
}
.nav_up_narrow {
	color:#262261;
	background:url(/images/product-mockup/image_narrow_up.gif) left top no-repeat;
}
.nav_down_narrow {
	color:#fff;
	background:url(/images/product-mockup/image_narrow_down.gif) left top no-repeat;
}

.nav_up a,.nav_up a:visited{
	color:#262261;text-decoration:none;
}
.nav_up a:hover{
	color:#262261;text-decoration:underline;
}
.nav_down a,.nav_down a:visited,.nav_down_narrow a,.nav_down_narrow a:visited{
	color:#fff; text-decoration:none;}

.nav_down a:hover,.nav_down_narrow a:hover{ color:#fff; text-decoration:underline;}
.nav_up_narrow a, .nav_up_narrow a:visited{color:#262261; text-decoration:none;}
.nav_up_narrow a:hover{color:#262261; text-decoration:underline;}

.tab {
	float:left;
	width:726px;
	margin:0;
}
.box {
	float:left;
	width:726px;
	margin:0;
	padding:0;
	background:#fff;
}

.subtab {
	float:left;
	width:726px;
	margin:0;
	padding:5px 0 0 0;
	background:#68c6da;
}
.greensubtab {
	float:left;
	width:726px;
	margin:0;
	padding:5px 0 0 0;
	background:#56b554;
}
.orangetab {
	float:left;
	width:726px;
	margin:0;
	padding:5px 0 0 0;
	background:#eaae64;
}
/* Define a blue circle line*/
#nifty{ margin: 0 2%;background: #d2e6f2;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #d2e6f2}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* Define a green circle line*/
#nifty2{ margin: 0 2%;background: #e4f3de;}

b.rtop_sw, b.rbottom_sw{display:block;background: #FFF}
b.rtop_sw b, b.rbottom_sw b{display:block;height: 1px;
    overflow: hidden; background: #e4f3de}
b.r1{margin: 0 5px}
b.r2_{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop_sw b.r4, b.rbottom_sw b.r4{margin: 0 1px;height: 2px}

/* Define a orange circle line*/
#nifty3{ margin: 0 2%;background: #faf0dd;}

b.rtop_cw, b.rbottom_cw{display:block;background: #FFF}
b.rtop_cw b, b.rbottom_cw b{display:block;height: 1px;
    overflow: hidden; background: #faf0dd}
b.r1{margin: 0 5px}
b.r2_{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop_cw b.r4, b.rbottom_cw b.r4{margin: 0 1px;height: 2px}


/* for itsm*/
.greenup,.greendown{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:106px;
	line-height:34px;
	text-align:center;
}
.greenup{
	color:#009445;
	background:url(/images/product-mockup/on.gif) left top no-repeat;
}
.greendown{
	color:#fff;
	background:url(/images/product-mockup/off-1.gif) left top no-repeat;}

.greenctiup,.greenctidown{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:54px;
	line-height:34px;
	text-align:center;
}
.greenctiup{
	color:#009445;
	background:url(/images/product-mockup/up-cti.gif) left top no-repeat;
}
.greenctidown{
	color:#fff;
	background:url(/images/product-mockup/off-cti.gif) left top no-repeat;}
	
.greenwiderup,.greenwiderdown{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:206px;
	line-height:34px;
	text-align:center;
}
.greenwiderup{
	color:#009445;
	background:url(/images/product-mockup/up-greenwider.gif) left top no-repeat;
}
.greenwiderdown{
	color:#fff;
	background:url(/images/product-mockup/off-greenwider.gif) left top no-repeat;}

.greenup a,.greenup a:visited,.greendown a,.greendown a:visited,.greenctiup a,.greenctidown a,.greenctiup a:visited,.greenctidown a:visited,.greenwiderup a,.greenwiderdown a,.greenwiderup a:visited,.greenwiderdown a:visited{text-decoration:none;}
.greenup a:hover,.greendown a:hover,.greenctiup a:hover,.greenctidown a:hover,.greenwiderup a:hover,.greenwiderdown a:hover{text-decoration:underline;}
.greenup a,.greenup a:hover, .greenup a:visited, .greenctiup a,.greenctiup a:hover,.greenctiup a:visited, .greenwiderup a,.greenwiderup a:hover,.greenwiderup a:visited{color:#009445;}
.greendown a,.greendown a:hover, .greendown a:visited , .greenctidown a,.greenctidown a:hover,.greenctidown a:visited, .greenwiderdown a,.greenwiderdown a:hover,.greenwiderown a:visited{color:#fff;}

.greenfont{ color:#009445; font-weight:bold;}


/* for crm*/
.orangeup,.orangedown{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin-right:4px;
	width:106px;
	line-height:34px;
	text-align:center;
}
.orangeup{
	color:#b8701c;
	background:url(/images/product-mockup/on.gif) left top no-repeat;
}
.orangedown{
	color:#fff;
	background:url(/images/product-mockup/image_orange_down.gif) left top no-repeat;}
.orangeup a, .orangeup a:visited,.orangedown a,orangedown a:visited { text-decoration:none;}
.orangeup a:hover,.orangedown a:hover{ text-decoration:underline;}
.orangeup a, .orangeup a:visited,.orangeup a:hover{color:#b8701c;}
.orangedown a, .orangedown a:visited,.orangedown a:hover{color:#fff;}