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

#boxlink{
	border: 1px solid black; 
	padding: 0px 5px 0px 5px
}

#wrapper{
	width: 100%;
	height: auto;
	margin: 0px;
	background-color:#6d0c2a;
}

#banner_body{
	width: 895px;
	height: 201px;
	margin: 0 auto;
}

#banner_right{
	width: 420px;
	height: 100px;
	float: left;
	margin-top: 0px;
	margin-left: 25px;
	vertical-align: middle;
}

#banner_left{
	float:left;
	width: 435px;
	margin-left: 8px;
}

#subpage_container{
	width: 100%;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}

#subpage_container_body{
	width: 895px;
	height: auto;
	margin: 0 auto;
}

#subpage_column1{
	padding-right: 20px;
	float:left;
	width:645px;
	height: auto;
}

#subpage_column2{
	padding-left: 10px;
	float:right;
	width:200px;
	height: auto;	
	border-left: thin dotted #999999;
}

#subpage_column2 ul {
	padding:0;
	list-style: none;
}


#subpage_column2 li {
	padding:0 0 5px 10px;
}

#subpage_column2 a{
	text-decoration: none;
	font-weight:bold;
	color: #6d0c2a;
	font-size: 13px;
}

#subpage_column2 a:hover{
	text-decoration: underline;
	font-weight:bold;
	color: #e59319;
}

/* It's used in RIO vs Custom Code and RIO Planning Guide  */
table.thinborder td, table.thinborder tr, table.thinborder th{
   padding-bottom:2px;
   border-top: 0px solid gray;
   border-left: 0px solid gray;
   border-bottom: 1px solid gray;
   border-right: 1px solid gray;

}

table.thinborder
{
color:#000000;
font-size: 100%;
padding:0px;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-bottom: 0px solid gray;
border-right: 0px solid gray;
border-spacing: 0px;
border-collapse: collapse;
width: 95%;
text-align: left;
}

table.thinborder tr th{
   width: 50%;
}

tr.heading {
   background-color: #E5E5E5;
   text-align: center;
   font-weight: bold;
}

/* It's used inside RIO planning guide  */
.panel_heading{
   font-size: 14px;
   font-weight:bold;
   color:#6d0c2a;
   line-height: 40px;
}

/* added by lean 6-02-09 for planning guide*/
.floatleft{
	float:left;
}
	      	
td.contentcolor{
	background-color:#fdf1f4;
}
	      	
.headercolor{
	color:#000000;
	background-color:#e5c6ce;
}

/* It's used inside Partner page*/
div.image img
{
  margin: 26.95px;
  /*width: 158.4px;*/
  /* height: 46.2px;*/
}

div.image
{
	float: right;
	width: 30%;
        margin-top: 20px; 
	
}

div.content{			/* this also used in rio advantages*/
	text-align: justify;
}

div.position{
	width:70%;
	float:left;
	margin: 15px 0 0 0;
}

#subpage_column1 p{
	font-weight: normal;
}

/* used in Salesforce and MYOB integration page */

.scenariocontent_style{
	position:relative; 
	z-index:1;
	width: 98%;    
	border-top: 1px solid #6b6b6b;
  	border-left: 1px solid #6b6b6b;
  	border-bottom: 1px solid #6b6b6b;
  	border-right: 1px solid #6b6b6b;
	background-color: #ffffff;
}

.scenariocontent_desc_style{
	width:100%;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.scenariocontent_table_style{
	width: 90%;
	margin-left: 5px;
	margin-top: 15px;
}

.scenariorioboy_top{
	position:relative;
	top: 18px;
	z-index:2;
}

.businesschallenge_style{
	position:relative;
	bottom: 40px;
	left: 100px;
	z-index:3;
	font-size: 22px;
	font-weight: bold;
	color: #6D0C2A;
        width: 400px;
}

.scenariorioboy_topdiv{
	height: 80px;
}

/* used in rio_for_myob.html page */

.nextpage_toplink{
	z-index:2;
	position:relative;
	top: -35px;
	float:right;
}

.nextpage_bottomlink{
	z-index:2;
	position:relative;
	float:right;
}

#read_more{
   margin-top: 40px;
   width:180px;
   height: 31px;
   float: right;
   background-image:url(../images/more-btn-long.png);
}

#read_more a{
   display:block;
   width: 160px;
   font-size:12px;
   color:#ffffff;
   font-weight:bold;
   padding:8px 0 0 2px;
   text-align:center;
   text-decoration:none;
}

#read_more a:hover {
   color:#6d0c2a;
}

#ic_column1{
	clear:center;
	float:center;
	padding-left:10px;	
	border-left: thin dotted #999999;
}