/*
 * new styles
 */
/*
 * basics
 */
body{ background-color:#eaeaea; margin:20px auto 20px auto; padding:0; font-family:Arial, Helvetica, sans-serif; }
*{ margin:0; padding:0; }
a{ font: 1em Geneva, Arial, Helvetica, sans-serif; color: #7f7f7f; text-decoration: none; background-color: inherit;}
a:hover{ color:#666666; text-decoration: none; }
.hideme{ display:none;}
	

/* main space */
#webSpace{
	display:block;
	overflow:hidden;
	margin:0 auto 0 auto;
	width:970px;
	height:auto;
	padding:5px;
	background-color:#ffffff;
	position:relative;
	font:0.7em Arial, Helvetica, sans-serif;
}
	
#webSpace #webPage #sitePage {
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
}

#webSpace #tlCorner{ top:0; left:0; display:block; overflow:hidden; position:absolute; width:5px; height:5px; background: url(/images/round.gif) 0 0 no-repeat; }
#webSpace #trCorner{ top:0; right:0; display:block; overflow:hidden; position:absolute; width:5px; height:5px; background: url(/images/round.gif) -5px 0 no-repeat; }
#webSpace #dlCorner{ bottom:0; left:0; display:block; overflow:hidden; position:absolute; width:5px; height:5px; background: url(/images/round.gif) 0 -5px no-repeat; }
#webSpace #drCorner{ bottom:0; right:0; display:block; overflow:hidden; position:absolute; width:5px; height:5px; background: url(/images/round.gif) -5px -5px no-repeat; }
/*page*/
	
#webPage{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
}
/*
 * solutions
 */
#enterpriseBox, #publisherBox {
	overflow: hidden;
	width: 464px;
	height: 340px;
	padding: 10px 0 0 0;
}

#enterpriseBox {
    background-image:url("/images/Home_Page_Tab_Blue.jpg");
    float: left;
}

#publisherBox{
	background-image:url("/images/Home_Page_Tab_Grey.jpg");
	float: right;	
}

#publisherBox .intro, #enterpriseBox .intro {
	padding: 6px 20px 10px 20px;
    clear: left;
}

#publisherBox h3, #enterpriseBox h3 {
    font-size: 1.6em;
    margin-bottom: 5px;
    color: #ffffff;
}

#publisherBox .intro p, #enterpriseBox .intro p {
    font-size: 1.1em;
    color: #eee;
}

#publisherBox img.centre, #enterpriseBox img.centre{
	float:left;
	margin: 0 15px 15px 25px !important;
	
}

#publisherBox img.right, #enterpriseBox img.right{
	float:right;
	margin: 0 20px 0 0;
}

.clients {
	clear:left;
	background-image:url("/images/mktg/client_logos.jpg");
	background-repeat: no-repeat;
	height: 90px;
    margin-left: 2px;
}

.clients #clientText {
    font-size: 1.2em;
    line-height: 1.4em;
	padding: 10px 0 0 15px;
	width: 80px;
}

/*
 * news 
 */
#welcomeScreen .news-box {
    background-image:url("/images/mktg/bg_news_fp.png");
    overflow:hidden;
    width:462px;
    height:251px;
}

#newsBoxLeft{
	float:left;
}

#newsBoxRight{
	float:right;	
}

#welcomeScreen .news-box .newsIcon {
	float: left;
	padding: 10px 10px 10px 10px !important;
}

/*
 * articles
 */
#newsBoxRight h3,
#newsBoxLeft h3{
	margin:15px 0 25px 0;
	font-size:1.5em;
}

.listColumn {
	margin-left: 30px;
	width: 390px;
	background-color: #ffffff;
	display:inline;
	overflow:hidden;
	float:left;
	padding: 5px 10px 5px 20px;
}
	
.listColumn .latestArt{
	list-style-type:none;
	margin:0;
}
	
.listColumn .latestArt li {
	display:block;
	overflow:hidden;
	clear:both;
	padding:3px 25px 3px 0;
	color:#676767;
	border-bottom:1px dotted #bababa;
}

.listColumn .latestArt li:hover {
	cursor:pointer;
}
	
.listColumn .latestArt li:last-child {
    border-bottom: none;
}

.latestArt_date{
	display:block;
	overflow:hidden;
	padding:2px 0;
	color:#bababa;
}

/*new end */


/* VMAN@DEFAULT STYLES
	------------------------
		
		APPROVED COLORS
		
		#e40400 - Default Red
		#adadad - Light Grey
		#767676 - Dark Grey
		#c9c9c9 - Menu Grey
		
					  		*/
	
	

	
	/* VMAN@WEBSPACE LAYOUT
	----------------------- */




	#welcomeScreen{
		display:inline;
		overflow:hidden;
		float:left;
		width:100%
		font-size:1.1em;
		color:#5c5c5c;
		line-height:1.55em;
		margin: 0 6px;
		padding:10px 0 0 0;
	}

	#welcomeScreen img{ padding:0px 0 0 0; margin:0;}
    #welcomeScreen ul li div{float: left;}
    #welcomeScreen ul li div.ct{margin: 0 0 0 1px;}
	
	#welcomeScreen .page-intro {
		padding-left: 0.4em;
    }

    #welcomeScreen .page-intro p {
        font-size: 1.2em;
        line-height: 1.4em;
        margin-top: 0.4em;
    }

	#start-stop{ display:none; }
	
	.titleBox{
		display:block;
		overflow:hidden;
		color:#e40400;
		font-weight:bold;
		padding:0 0 3px 0;
	}
	
	#rightSide{
		display:block;
		overflow:hidden;
		float:left;
		width:25%;
		height:auto;
	}
	
	#rightSide #AboutInfo{
		display:block;
		overflow:hidden;
		margin:20px;
		padding:20px 15px 0 15px;
		width:137px;
		height:128px;
		color:#787878;
		line-height:1.43em;
		background:url(/images/aboutus_com_info.gif) center no-repeat;
	}
	
	#rightSide #AboutInfo h3{
		padding:3px 0;
		color:#e40400;
		font-weight:bold;
	}

	#siteFooter{
		display:block;
		overflow:hidden;
		clear:both;
		width:970px;
		height:29px;
		margin:10px 0 0 0;
		color:#a1a1a1;
		background:#f5f5f5 url(/images/siteFooter_right.gif) right no-repeat;
		
	}
	
	#siteFooter #copyright{
		display:block;
		overflow:hidden;
		float:left;
		width:auto;
		padding:9px 10px;
		height:11px;
		color:#a1a1a1;
		background:#f5f5f5 url(/images/siteFooter_left.gif) left top no-repeat;
	}
	
	
	#siteFooter ul{
		float:right;
		padding:0 10px 0 0;
	}
	
	#siteFooter ul li{
		list-style-type:none;
		display:inline;
		overflow:hidden;
		float:left;
		width:auto;
		height:11px;
		padding:9px 10px;
		color:#a1a1a1;
		background:#f5f5f5 url(/images/siteFooter_bullet.gif) left 13px no-repeat;
	}
	
	#siteFooter ul li a{color:#a1a1a1;}
	
	#siteFooter ul li a:hover{border-bottom:1px dotted #a1a1a1;}
	
	

    img.sparkline {
        border: 1px solid #ccc; 
        background-color: #fff;
        padding: 0 ! important;
    }
    #articlenotavailable{text-align: center; font-size: 1.5em}