/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{

margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border:1px solid white;


}
.tabcontent h3.tab_header {
	background:url(../images/tab/titlebg.gif) no-repeat !important;	
	color: #187CC8;
	margin-bottom: 5px!important;
	font:16px Verdana bold !important;
	font-weight: bold !important;
	padding:8px 10px 20px!important;
}

.tabcontent h3.tab_header#business_ready{
	color:#ff6b12;
}

.tabcontent h3.tab_header#licensed_pacs{
	color:#71a2ff;
}

.tabcontent h3.tab_header#hosting_services{
	color:#999933;
}

.tabcontent h3.tab_header#addon_modules{
	color:#a251a3;
}


.tab_navigation li{
display: inline;
margin: 0;
}

.tab_navigation li a{
	float:left;
	background:url(../images/tab/tab_off_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;	
}

.tab_navigation li a span{
	float:left;
	display:block;
	background:url(../images/tab/tab_off_right.gif) no-repeat right top;
	font-weight:bold;
	color:#666666;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;
}


.tab_navigation li a:visited{

}

.tab_navigation li a:hover span{
	text-decoration: none;
	color: #939a35;
}

.tab_navigation li a.selected{ 
	float:left;
	background:url(../images/tab/oren_tab_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	
}


.tab_navigation a.selected span{
	float:left;
	display:block;
	background:url(../images/tab/oren_tab_right.gif) no-repeat right top;
	font-weight:bold;
	color:#fff;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;

}

.tab_navigation a.selected#tab1_left {
	float:left;
	background:url(../images/tab/oren_tab_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	

}


.tab_navigation  a.selected span#tab1_right{
	float:left;
	display:block;
	background:url(../images/tab/oren_tab_right.gif) no-repeat right top;
	font-weight:bold;
	color:ffffff;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;

}

.tab_navigation  a.selected:hover span#tab1_right{
	text-decoration: none;
	color: #ffffff;
}

.tab_navigation a.selected#tab2_left{
	float:left;
	background:url(../images/tab/blue_tab_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	

}


.tab_navigation  a.selected span#tab2_right{
	float:left;
	display:block;
	background:url(../images/tab/blue_tab_right.gif) no-repeat right top;
	font-weight:bold;
	color:#ffffff;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;

}


.tab_navigation a.selected#tab3_left{
	float:left;
	background:url(../images/tab/green_tab_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	

}


.tab_navigation  a.selected span#tab3_right{
	float:left;
	display:block;
	background:url(../images/tab/green_tab_right.gif) no-repeat right top;
	font-weight:bold;
	color:#ffffff;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;

}

.tab_navigation a.selected#tab4_left{
	float:left;
	background:url(../images/tab/purple_tab_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	

}


.tab_navigation  a.selected span#tab4_right{
	float:left;
	display:block;
	background:url(../images/tab/purple_tab_right.gif) no-repeat right top;
	font-weight:bold;
	color:#ffffff;
	padding-top: 17px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 4px;

}



.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}



.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;

}
}

/*added start*/


.shadetabs li a.selected span{
	float:left;
	text-decoration: none;
	position: relative;
	z-index: 1;
	
	margin-right: 0px;
	
	border:0;
	
	background:url(../images/tabs/right_span_on.gif) no-repeat right top;
	background-color: #EFF1F3;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:7px;
}

.tab_content_container{
	background:url(../images/tab/tab_panel_bg.gif) no-repeat;
	background-position: left top;
	height:250px;	
	/*background: url(../images/tabs/tab_content_top.gif) no-repeat top right;
	margin-bottom: 1em; 
	padding: 0px; 
	margin-top:20px;
    min-height:200px;
  	height:auto !important;
  	height:200px;*/
}

.tab_content_left_border{
	position:absolute; 
	background:url(../images/tabs/tab_content_left_border.gif) no-repeat top left; 
	width:1px; 
	height:216px; 
}

.content_padding{
	padding:20px 10px ;

}
/*added end*/


.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.tab_panel_bottom{
	width:626px;
	background:url(../images/tab/tab_panel_bottom.gif) no-repeat;
	height:24px;
}

