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


html * {
    margin: 0;
    padding: 0;
}
html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
} 
 
@font-face {
    font-family: "PT Sans";
    src: url("/assets/fonts/ab/PTS75F.ttf") format("truetype");
}
/* 
body {
	margin:0;
	color:#555;
	font:12px Arial, Helvetica, sans-serif;
	background:#FFF;
	height:100%;
	margin:0px;
	padding:0px;
}*/
* {
	margin:0px;
	padding:0px;
	list-style:none;
	outline:none;
	outline:0px
}
img {
	border-style:none;
}
a {
	text-decoration:underline;
	color:#C71F33;
}
a:hover {
	text-decoration:underline;
}
input, textarea, select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
fieldset input, textarea, select {
	border: 1px solid #ACACAC;
}
input[type="text"] {
    border: 1px solid #ACACAC;
}
* {
	margin:0px;
	padding:0px;
}
form, fieldset {
	margin:0px;
	padding:0px;
	border-style:none;
	/*background: url("/assets/img/ab/bkg_gray_hash_repeat.png") repeat scroll 0 0 transparent;*/
}
input[type="file"] {
    border: 1px solid #ACACAC;
    display: block;
    height: 20px;
    margin-top: -4px;
}
header, .header {
    padding: 30px 0 0;
}
header, footer, article, section, hgroup, nav, figure {
    display: block;
}

.footer {
    /*background: url("https://asugac2013.sapandasug.com/SAP/SAPPHIRENOW2013/images/footer_bg.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);*/
	background: url("/assets/img/ab/footer_bg.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
	color: #97999F;
    font-size: 10px;
    height: 71px;
    margin: 0 auto;
    overflow: hidden;
    padding: 17px 10px 2px;
    position: relative;
    width: 950px;
}
.footer .Privacy {
    color: #97999F;
    float: right;
    height: auto;
    padding-right: 0;
    text-align: left;
    width: 300px;
}
.footer .Privacy a {
    color: #97999F;
    text-decoration: none;
}
.footer .add-nav, .footer .sub-nav {
    list-style: none outside none;
    margin: -18px 0 7px;
    overflow: hidden;
    padding: 0;
}
.footer .sub-nav li {
    line-height: 16px;
}
.footer .add-nav li, .footer .sub-nav li {
    float: left;
}
.footer .sub-nav a {
    color: #C1C4C0;
}
#wrapper_main {
	width:940px;
	margin:0 auto;
	background:url(/assets/img/ab/background.jpg) repeat-y left;
	padding-left:10px;
	padding-right:14px;
}
* html #wrapper {
	height: 100%;
}
.clear {
	clear:both;
}
/* header start here */
header {
	padding:30px 0 0px;
}
.header-holder {
	height:41px;
	color:#fff;
}
.header-holder:after, .btn-area:after {
	display:block;
	clear:both;
	content:"";
}
/* logo here */
 
.sapLogo {
	float: left;
	padding-top:8px;
	padding-left:30px;
	margin-top: 0;
	text-decoration: none;
	width: 235px;
}
.asugLogo {
	float: left;
	padding-top:2px;
	margin-top: 0;
	text-decoration: none;
	padding-left:20px;
	width: 170px;
	border-left:solid 2px #908f91;
	margin-bottom: 9px;
}
.sapLogo a {
	cursor: pointer;
	float: left;
	text-decoration: none;
}
.sapLogo a span {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	top: -11px;
}
.vision {
	padding-top:30px;
	width:898px;
	float:left;
	border-bottom:solid 1px #CCC;
	margin-left:20px;
	padding-top:10px;
	padding-bottom:14px;
}
.vision h1 {
	float:left;
	font-size:50px;
	color:#97999f;
	font-weight:bold;
	line-height:50px;
	width:885px;
	text-align:center;
	height:55px;
  
}
.vision h2 {
	width:885px;
	float:left;
	font-size:27px;
	color:#0096d7;
	padding-top:5px;
	line-height:30px;
	font-family: PT Sans;
	font-weight:bold;
	padding-bottom:6px;
	text-align:center;
}
.vision h6 {
	width:705px;
	float:left;
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding-top:5px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.visionnew {
	padding-top:30px;
	width:898px;
	float:left;
	border-bottom:solid 1px #CCC;
	margin-left:20px;
	padding-top:10px;
	padding-bottom:14px;
}
.vision h5 {
	width:60px;
	float:left;
	padding-top:15px;
	text-align:right;
	margin-left:5px;
	padding-left:10px;
}
.tweetbuttonnew{
	width:100px;
	float:left;
	text-align:right;
}
.visionnew h6 {
	width:885px;
	float:left;
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding-top:5px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.visionnew h2 {
	width:885px;
	float:left;
	font-size:29px;
	color:#0096d7;
	padding-top:5px;
	line-height:30px;
	font-family: PT Sans;
	font-weight:bold;
	padding-bottom:6px;
	text-align:center;
}

.visionfacebook h5 {
	width:175px;
	float:right;
	padding-top:10px;
	
	text-align:right;
}

.vision h5 a {
	margin-left:10px;
}
.main_cont_area {
	float:left;
	width:895px;
	padding:20px;
	line-height:17px;
}
.main_cont_area p{ line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#666666;}
.main_cont_area h1 {
	font-size:18px;
	color:#333;
	font-family: PT Sans;
	font-weight:bold;
	padding-bottom:7px;
}
.wel_admin {
	float: right;
	height: 32px;
	color:#000;
	line-height:22px;
	margin-top: 0;
	text-decoration: none;
	width: 420px;
	padding-right:30px;
}
.wel_admin h1 {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:420px;
	float:left;
	color:#612565;
	text-align:right;
}
.wel_admin h2 {
	font-size:13px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	width:420px;
	float:left;
	color:#999;
	line-height:20px;
}
.wel_admin h2 a {
	color:#a9a9ac;
	text-decoration:none;
	font-size:11px;
}
.wel_admin h2 a:hover {
	color:#a9a9ac;
	font-size:11px;
	text-decoration:underline;
}
.tab_main {
	width:950px;
	float:left;
	padding:8px 0px;
}
.tab_main .left_panel {
	width:435px;
	float:left;
	padding-top: 15px;
	padding-left:20px;
	padding-bottom: 10px;
}
.tab_main .left_panel .top_ag {
	width:400px;
	float:left;
	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom:solid 2px #666;
}
.tab_main .left_panel .noborder {
	border-bottom:0px !important;
}
.left_panel .top_ag h1 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	padding-bottom:3px;
	text-transform:capitalize;
}
.left_panel .top_ag p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:15px;
}
.left_panel .top_ag h5 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:5px;
	padding-left:20px;
	background:url(/assets/img/ab/aro_icon.jpg) no-repeat left center;
}
.left_panel .top_ag h5 a {
	color:#c71f33;
	text-decoration:underline;
}
.left_panel .top_ag h5 a:hover {
	color:#c71f33;
	text-decoration:none;
}
.tab_main .right_panel {
	width:435px;
	float:right;
	padding-top: 25px;
	padding-right:45px;
}
.Sign_up_container {
	width:447px;
	height:260px;
	margin:auto;
	margin-top:10px;
}
.Sign_up_top {
	width:447px;
	background-color:#e6e6e6;
	margin-bottom:5px;
}
.rounded_corner {
	background-image:url(/assets/img/ab/rounded_corner.jpg);
	background-repeat:no-repeat;
	height:5px;
}
.alert_container {
	padding-top:8px;
	padding-left:15px;
 
}
.alert_container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#c71f33;
	height:12px;
}
.alert_container h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-top: 15px;
}
.alert_container h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	float:left;
	margin-top:7px;
}
.alert_container h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	float:left;
	margin-top:7px;
}
.alert_container h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	float:left;
	margin-top:6px;
	margin-left:10px;
}
.alert_container h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-top:14px;
	padding-left:28px;
	margin:0px;
}
.mail_container {
	width:429px;
	height:100px;
}

.speaker-company {
	/*width:429px;
	height:28px;*/
	margin-top: 7px;
}
.company {
	/*width:429px;*/
	height:28px;
	margin-top: 7px;
}
.company input {
	width:145px;
	height:20px;
	float:left;
	margin-left:8px;
	margin-top:4px;
	border:1px solid #9f9f9f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666;
}
.sapphire_now_lft {
	width:280px;
	height:75px;
	float:left;
	clear:both;
	margin-top:4px;
}
.sapphire_now_lft h1 {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:right;
	width:205px;
	height:80px;
}
*+HTML .sapphire_now_lft h1 {
	position:relative;
	top:-20px
}
.sapphire_now_lft .email {
	width:230px;
	height:20px;
	float:left;
	margin-left:5px;
	margin-top:4px;
	border:1px solid #9f9f9f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666;
}
.check {
	clear:both;
	float:left;
	width: 230px;
	margin-top:10px;
	margin-left: 46px;
	height:80px;
}
/*submit button*/
.sapphire_now_rgt {
	width:121px;
	height:30px;
	float:left;
	margin-top:40px;
	margin-left:15px;
	background-image:url(/assets/img/ab/submit_but.png);
	background-repeat:no-repeat;
}

.sapphire_now_rgtnew {
	width:121px;
	height:30px;
	float:left;
	margin-top:40px;
	margin-left:15px;
	background-repeat:no-repeat;
}
.sapphire_now_rgt a {
	color:#fff;
}
.sapphire_now_rgt a:hover {
	color:#fff;
	text-decoration:underline;
}
.sapphire_now_rgt a {
	color:#fff;
}
.sapphire_now_rgt a:hover {
	color:#fff;
	text-decoration:underline;
}

.sapphire_now_rgtnew {
	width:121px;
	height:30px;
	float:left;
	margin-top:40px;
	margin-left:15px;
	background-repeat:no-repeat;
}

/*bottom panel*/
.sign_up_bottom {
	width:447px;
	height:61px;
	margin-top:2px;
	background-color:#fff;
	float:left;
}
.sign_up_bottom_lft_rounded {
	background-image:url(/assets/img/ab/lft_rounded.png);
	width:5px;
	height:61px;
	float:left;
}
.sign_up_bottom_lft {
	width:218px;
	height:61px;
	float:left;
	background-color:#0096d7;
}
.sign_up_bottom h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:12px;
	padding:7px 0px 10px 35px;
}
.sign_up_bottom h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:12px;
	padding:7px 0px 10px 60px;
}
.sign_up_bottom ul {
	width:218px;
	height:20px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
}
.sign_up_bottom ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:12px;
	float:left;
	margin-left:20px;
}
.sign_up_bottom_rgt {
	width:216px;
	height:61px;
	float:left;
	margin-left:2px;
	background-color:#0096d7;
}
.sign_up_bottom_rgt_rounded {
	background-image:url(/assets/img/ab/rgt_rounded.png);
	width:5px;
	height:61px;
	float:left;
}
/* footer */
footer {
	width:940px;
	margin:0 auto;
	height:61px;
	position:relative;
	overflow:hidden;
	font-size:10px;
	padding:17px 18px 2px;
	color:#97999f;
	background:url(/assets/img/ab/footer_bg.jpg) no-repeat top left;
}
footer .add-nav, footer .sub-nav {
	margin:0 0 7px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
footer .add-nav li, footer .sub-nav li {
	float:left;
}
footer .sub-nav li {
	line-height:16px;
}
footer .add-nav a {
	color:#fff;
	font-weight:bold;
}
footer .sub-nav a {
	color:#c1c4c0;
}
footer .add-nav span {
	padding:0 8px 0 0;
	background:url(/assets/img/ab/bullet5.gif) no-repeat 100% 3px;
}
.Privacy {
	float:right;
	width:300px;
	height:22px;
	color:#97999f;
	text-align:right;
	padding-right:30px;
}
.Privacy a {
	color:#97999f;
	text-decoration:none;
}
.Privacy a:hover {
	color:#97999f;
	text-decoration:underline;
}
.btn-area {
	height:1%;
}
.btn {
	float:left;
	color:#fff;
	font-weight:bold;
	margin:0 12px 0 0;
	font-size:13px;
	background:url(/assets/img/ab/btn-lt.gif) no-repeat;
	margin-top:20px;
}
.btn span {
	display:block;
	padding:7px 16px 8px 14px;
	background:url(/assets/img/ab/btn-rt.gif) no-repeat 100% 0;
}
.btn span a {
	color:#FFF;
	text-decoration:none;
}
.btn span a:hover {
	color:#FFF;
	text-decoration:underline;
}
/* -- SUB, SUBTOP, SUBBOTTOM -- */
			#sub {
	width:940px;
	background:#FFF;
	display:block;
	position:relative;
	margin-top:20px;
}
/*  promoB is used on the 'buy now' popup panel  */
			
			
			
		/* -- BUTTONS -- */
			a.btn-cta, a.profile-btn-cta {
	padding:0 25px 0 0;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background:url(/assets/img/ab/btn-cta-orangeright.png) no-repeat right top;
	line-height:30px;
	float:left;
}
a.btn-cta span, a.profile-btn-cta span {
	padding:0 0 0 17px;
	display: block;
	color:#FFF;
	text-decoration:none;
	background: url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat left top;
	font-size:14px;
	cursor: pointer;
	float:left;
	line-height:30px;
	height:30px;
}
a.btn-cta:hover, a.profile-btn-cta:hover {
	background-position:right -30px;
	text-decoration:none !important;
}
a.btn-cta:hover span, a.profile-btn-cta:hover span {
	background-position:left -30px;
	text-decoration:none !important;
}
a.btn-cta-sm {
	padding:0 25px 0 0;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background:url(/assets/img/ab/btn-cta-orangeright-sm.png) no-repeat right top;
	line-height:23px;
	float:left;
}
a.btn-cta-sm span {
	padding:0 0 0 17px;
	display: block;
	color:#FFF;
	text-decoration:none;
	background: url(/assets/img/ab/btn-cta-orangeleft-sm.png) no-repeat left top;
	font-size:12px;
	cursor: pointer;
	float:left;
	line-height:23px;
	text-decoration:none!important;
}
a.btn-cta-sm:hover {
	background-position:right -23px;
	text-decoration:none!important;
}
a.btn-cta-sm:hover span {
	background-position:left -23px;
	text-decoration:none!important;
}
.twitter_tops {
	background: url(/assets/img/ab/twitter_top_corner.png) no-repeat left top;
	margin-top: 10px;
	padding-top: 8px;
	width: 450px;
}
.tweet_cont {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	height: 300px;
	width: 445px;
}
.twee
{
	width:55px;
	height:20px;
	float:right;
	margin-top:-40px;
	padding-right:5px;
}
#twitterfeed {
	height: 240px;
	overflow: hidden;
	padding: 15px 2px 0 0px;
	width: 445px;
}
.tweet_cont p {
	color: #0096d7;
	line-height: 19px;
	margin-left: 10px;
	font-size:15px;
}
.tweet_cont p span {
	color: #0096d7;
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	padding-top:3px;
}
.twitter_bottom .right {
	float: right;
	height: auto;
	margin-top: 25px;
	width: 125px;
}
.twitter_bottom .right a {
	color: #0C717A;
	text-decoration: none;
}
.twitter_bottom {
	background-image: url("/assets/img/ab/twitter_bottom_corner.png");
	background-repeat: no-repeat;
	background-position:left;
	height: 55px;
	padding-bottom: 0;
	position: relative;
	top: -10px;
	width: 450px;
}
.tweet_list .tweet_avatar {
	float: left;
	padding-left: 7px;
	padding-right: 10px;
	height:45px;
}
.tweet_list li {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 8px 6px;
	border-bottom:dotted 1px #e6e6e6;
}
.tweet_list .tweet_even {
	border-bottom: 1px solid #F1F1F1;
	border-top: 1px solid #F1F1F1;
}
.tweet_list li a {
	color: #0C717A;
}
/* second country  */

.maintable {
	background-color: #FFFFFF;
	border: 1px solid #ccc;
 
	clear: both;
	float: left;
	height:auto;
	padding-bottom: 5px;
	width:600px;
	margin-left:20px;
	margin-top:25px;
}
.maintable .goldbox {
	background: none repeat scroll 0 0 #FBB700;
	color: #202020;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-bottom:6px;
	margin-top:6px;
	padding-left: 10px;
	width:590px;
}
.maintable .main-white {
	color: #666666;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#666666;
	padding-left: 10px;
	width:590px;
}
.maintable .main-white h3 {
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height:20px;
	margin: 0;
	padding: 0;
	width:130px;
	color:#666666;
	padding-left:10px;
}
.maintable .main-white h4 {
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height:20px;
	margin: 0;
	color:#666666;
	width:440px;
}
.maintable .main-white h4 ul {
	margin:0px;
	padding:0px;
}
.maintable .main-white h4 ul li {
	list-style:none;
	background:url(/assets/img/ab/disc.gif) no-repeat left center;
	margin: 0px;
	color:#666666;
	padding:0px;
	padding-left:10px;
	margin-left:14px;
}
#country2 h5 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-top: 15px;
}
.bluecolor a
{
	color:#00A3DF;
}
.act_sub{ width:400px; padding-left:20px; line-height:22px;}

#bannerbox4
{
width:150px;
float:left;
margin-right:20px;

}
#bannerbox5
{
width:150px;
float:left;
margin-right:20px;
margin-top:15px;

}
#bannerbox6
{
width:150px;
float:right;
margin-right:55px;
margin-top:25px;

}
a.btnc-cta, a.profile-btn-cta {
	padding:0 25px 0 0;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background:url(/assets/img/ab/btn-cta-orangeright.png) no-repeat right top;
	line-height:30px;
	float:right;
	margin-right:10px;
}

a.btnc-cta span, a.profile-btn-cta span {
	padding:0 0 0 17px;
	display: block;
	color:#FFF;
	text-decoration:none;
	background: url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat left top;
	font-size:14px;
	cursor: pointer;
	float:left;
	line-height:30px;
	height:30px;
}
a.btnc-cta:hover, a.profile-btn-cta:hover {
	background-position:right -30px;
	text-decoration:none !important;
}
a.btnc-cta:hover span, a.profile-btn-cta:hover span {
	background-position:left -30px;
	text-decoration:none !important;
}

a.btn-cta span, a.profile-btn-cta span {
	padding:0 0 0 17px;
	display: block;
	color:#FFF;
	text-decoration:none;
	background: url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat left top;
	font-size:14px;
	cursor: pointer;
	float:left;
	line-height:30px;
	height:30px;
	 
}
a.btn-cta:hover, a.profile-btn-cta:hover {
	background-position:right -30px;
	text-decoration:none !important;
}

#nav-tierciary {
	display:block;
	height:30px;
	margin-left:10px;
}
html.ie7 #nav-tierciary {
	zoom:1;
}
#nav-tierciary li {
	display:block;
	float:left;
	list-style-type:none;
	margin:0 5px 0px 2px;
	padding-bottom:3px;
}
html.ie7 #nav-tierciary li {
	margin:0 14px;
}
#nav-tierciary li a {
	display:block;
	float:left;
	color:#007dc2;
	font-weight:bold;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	cursor:pointer;
}
#nav-tierciary li a span {
	display:block;
	float:left;
	padding:2px 9px 0 9px;
}
#nav-tierciary li a:hover {
	color:#000;
}
#nav-tierciary li a span:hover {
}
#nav-tierciary li a.on, #nav-tierciary li a.on:hover {
	color:#ED8001;
}
#nav-tierciary li a.on:hover {
	text-decoration:underline;
}
#nav-tierciary li a.on span {
}
#nav-tierciary li a.on span:hover {
}
#nav-tierciary.double li {
	width:145px;
}
.required {color:#CC0000;}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
	background:#FBB700;
	padding-left:10px;
	height:37px;
	margin-left: 0;
	margin-bottom: 0;
	font: normal 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li {
	display: inline;
	margin: 0;
}
.shadetabs li a {
	height:27px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:19px;
	background: url("/assets/img/ab/btn-subtopnav-left.png") no-repeat left -56px transparent;
}
.shadetabs li a span {
	height:21px;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:6px 14px 0 2px;
	background: url("/assets/img/ab/btn-subtopnav-right.png") no-repeat right -56px transparent;
	position:relative;
	right:-14px;
	cursor:pointer;
}
.shadetabs li a:hover  span{   background: url("/assets/img/ab/btn-subtopnav-right.png") no-repeat right -28px transparent;}
.shadetabs li a:hover {
	height:27px;
	float:left;
	color:#FFF;
	text-decoration:none;
	margin-top:10px;
	margin-right:19px;
	background: url("/assets/img/ab/btn-subtopnav-left.png") no-repeat left -28px transparent;
}
.shadetabs li a span:hover {
	height:21px;
	float:left;
	text-decoration:none;
	padding:6px 14px 0 2px;
	background: url("/assets/img/ab/btn-subtopnav-right.png") no-repeat right -28px transparent;
	position:relative;
	right:-14px;
}
.shadetabs li a.selected { /*selected main tab style */
	background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat left top;
	color:#000;
	text-decoration:none;
}
.shadetabs li a.selected span { /*selected main tab style */
	height:22px;
	padding-right:18px;
	color:#000; padding-top:6px;
	background: url(/assets/img/ab/btn-subtopnav-right.png) no-repeat right top;
}


/* ######### CSS for Gray  Tabs. Remove if not using ######### */

.graytab {
	 
	 
	height:27px;
	margin-left: 0;
	margin-bottom: 0;
	font: normal 12px Verdana;
	list-style-type: none;
	padding-left:2px;
	 
}
.graytab li {
	display: inline;
	margin: 0;
}
 
.graytab li a span {
	 
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	 color:#007DC2;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:20px;
	  padding:6px 9px 3px 9px;
	  	cursor:pointer;
	 
}
 
.graytab li a span:hover {
	 
	float:left;
	text-decoration:none;
  color:#000;
	 
 
}
 
.graytab li a.selected span { /*selected main tab style */
	 
	 padding:6px 9px 3px 9px;
	color:#fff;
	background:#797979;
}



/* ------------------------------------------- Expand Menu--------------------------------------- */

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
 
 
}
.thelanguage{
  border-bottom: 1px solid #999999;
    display: none;
    padding-bottom: 15px;}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #333;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
 
margin: 10px 0;
}

.technology_group2 { /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
 
margin: 10px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #0066B3;
font-size:13px;
font-weight:bold;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #222222;
font-size:13px;
font-weight:bold;
}