@charset "utf-8";
/* CSS Document */
/*  :link,:visited { text-decoration:none } */
/*  ul,ol { list-style:none } */
/*  h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } */
/*  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 } */
/*  a img,:link img,:visited img { border:none } */
/*  address { font-style:normal } */


body{
	margin:0;
	padding:0;
	background:url(../images/headerBg.jpg) top center repeat-x;
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:12px;
}

body {
		behavior:url("http://www.rivel.com/joomla/templates/rivel/css/csshover3.htc");
	}

body#homepage{
	background:url(../images/homepageBg.jpg) top center repeat-x;
}

b{
	font-size: 110%;
}

#wrapper{
	width:960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#header{
	height:150px;
}

#header h1{
	margin: 0;
}

.logo a:link, .logo a:visited {
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/Rivel_logo.jpg',sizingMethod='scale'); */
background:url(../images/Rivel_logo.jpg) top left no-repeat;
	display:block;
	height:150px;
	width:450px;
	float:left;
	margin:0px;
}

.logo[class] a:link, .logo[class] a:visited {
	background:url(../images/Rivel_logo.jpg) top left no-repeat;
	display:block;
	height:150px;
	width:450px;
	float:left;
	margin:0px;
}

.logo em {
	display:none;
}

.clientgateway{
	float:right;
	width:380px;
	padding:20px 0 0 0;
	margin:0;
}

.clientgateway img{
padding:0 0 0 90px;
}

.login{	
	width:350px;
text-align:right;
}

.login input:focus{
	border: solid 1px #47BFE2;
}

.login label{
	font-size:100%;
	line-height: normal;
}

.login input{
	padding: 2px;
	border: 1px solid #7ABAC9;
	margin: 0 0 0 0;
	height: 16px;
	width:100px;
	color:#7ABAC9;
	background: transparent;

}

.login .buttons{
	width:40px;
	height:20px;
	margin: 0 0 0 0;
	padding:10px 0 0 0;
	border:none;
	margin-bottom:-4px;
	_margin-bottom:-2px;
}


.login .buttonsLg{
	width:106px;
	height:20px;
	margin: 0 0 0 0;
	padding:10px 0 0 0;
	border:none;
	margin-bottom:-6px;
	_margin-bottom:-2px;
}


/* Horizontal Menu  Styles */
#nav{
	height:40px;
	font-family:  "Helvetica", Geneva, Arial, sans-serif;
        width:920px;
        margin:0 auto;
}

#nav ul{
	margin:0px;
	padding:0 0 0 20px;
}

#nav li{
	margin: 0 20px 0 0;
	padding: 0;
	float:left;
	position:relative;
	list-style-type: none;
	line-height:40px;
	font-size:14px; !important
}

#nav li a:link, #nav li a:visited{
	display:block;
	color: #0D354F;
	padding: 0px 16px 0px 16px;
	text-decoration: none;
	text-transform:capitalize;
}

#nav li a:link#current, #nav li a:visited#current, #nav li a:hover{
	color: #ff9900;
}

#nav li a.mainnav:hover { 
	color: #fff;
	background:url(../images/navHoverBg.jpg) repeat-x;
}



/* Horizontal Menu Drop Down Menus */
	
#nav li ul {
	clear:both;
	display:none;
	position:absolute;
	width:160px;
	padding:0;
	margin:0;	

}
#nav li ul{
	clear:both;
	display:none;
	position:absolute;
	width:160px;
	padding:0 0 0 16px;  
	margin:0 0 0 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;

}

#nav li ul.dropdown{
	clear:both;
	display:none;
	position:absolute;
	width:340px;
	height:140px;
	padding:0 0 0 0;           
	margin:0 0 0 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;

}

#nav li ul li , #nav li ul.dropdown li {
	display:block;
	padding:6px 40px 0 0;
	margin:0;
	line-height:14px;
	font-weight:bold;
}

#nav li ul.dropdown li{
	margin:6px 0 0 0;
}

#nav li ul.dropdown li li{
	margin:0;
}

#nav li ul.dropdown li ul.subnav {
	clear:both;
	position:absolute;
	width:160px;
	padding:4px 0 0 0;
	margin:0 0 0 4px;	
	display:block;
	border:none;

}


#nav li:hover > ul {
	display:block;

}

#nav li ul li:hover > ul {
	display:block;

}

#nav li ul li a {
	clear:both;
	font-size:12px;
	padding:0 4% 0 0;
	width:45%;
	height:20px;
	color:#0D354F;
	vertical-align:top;
	background:#fff;
	font-weight:normal;
}
	
#nav li ul li a:link, #nav li ul li a:visited {
	clear:both;
	border-bottom:none;
	color:#0D354F;
	width:160px;
	height:20px;
	background:#fff;
	padding:0;
	margin:0;
}
	
#nav li ul li a:hover {
	clear:both;
	color:#47BFE2;
	height:20px;

}

#nav .dropdown li { float: left; }
div#dropdownwrap { width: 360px; }
#dropdownwrap .floater { float: left; padding-left: 20px; }

/*****  sub drop down styles  ***/


#nav li ul.dropdown li ul.subnav li a {
	clear:both;
	font-size:12px;
	padding:0 0 0 0;
	margin:0;
	width:49%;
	height:20px;
	color:#0D354F;
	vertical-align:top;
	background:#fff;
	font-weight:normal;
}


	
#nav li ul.dropdown li ul.subnav li a:link, #nav li ul.dropdown li ul.subnav li a:visited{
	clear:both;
	border-bottom:none;
	color:#0D354F;
	width:160px;
	height:20px;

}
	
#nav li ul.dropdown li ul.subnav li a:hover {
	color:#47BFE2;
	height:20px;


}


 /* End on Navigation menu   */


#testimonials{
	padding:0px;
	margin:10px auto 0 auto;
	
        height:120px;
	width:960px;
}

#testimonials blockquote {
	width:920px;
	font-size:11px;
	line-height:16px;
	color:#F2F2F2;
	font-style:italic;
	text-align:justify;
	background:url(../images/quote_in.jpg) top left no-repeat;
}

#testimonials blockquote div{
	width:780px;
	padding: 0px 40px 0px 40px;
	background:url(../images/quote_out.jpg) no-repeat;
	background-position:bottom right;
}

blockquote p{
	font-size:11px;
	text-align:right;
	padding:5px 60px 0 0;
	margin:0px;
	font-weight:bold;
	color:#0D354F;
}

#content blockquote {
  padding:16px 0px 12px 0;
  margin:0 32px 0 32px;
  color:#0D354F;
  font-style:italic;
  margin-bottom:16px;
  text-align:justified;
border-bottom:1px solid #E1E1E1;
}

#content blockquote div{

   padding:8px 0 0 8px;
   font-style:normal;
}

#container{
	width: 100%;
	margin-top:70px;
}






body#homepage .homecolWrap {
	margin-left: auto;
	margin-right: auto;
}

body#homepage #container{
	width: 100%;
	margin-top:30px;
}


#content{
	width:660px;

	margin-left:20px;
}

#homepage #content{
	width: 900px;
	margin: 0 auto 30px auto;
}


#feature, #content{
	width:640px;
	border:1px solid #ccc;
	background:url(../images/homepageColBg.jpg) top center repeat-x;
	color:#0D354F;
	margin-bottom:30px;
	margin-left:20px;
}

.indentmenu{
	font: bold 16px;
	width: 100%; 

}

.indentmenu ul{
	margin: 0;

	padding: 0;
	float: left;
	/* width: 80%; width of menu*/
}

.indentmenu ul li{
	display: inline;

}

.indentmenu ul li a{
	float: left;
	color: #0D354F;
	position: relative;
	padding: 5px 14px;
	margin-left:4px;
	text-decoration: none;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background:url(../images/tabBg.jpg) top center repeat-x;
}

.indentmenu ul li a:hover, .indentmenu ul li a:visited:hover{
	color:#47BFE2;
}

.indentmenu ul li a:visited{
	color:#999;
}


.indentmenu ul li a.selected{
	color: white !important;
	padding-top: 6px; /*shift text down 1px*/
	padding-bottom: 4px;
	magin-bottom:4px;
	background: #2C82BB;
	border-left: 1px solid #0D354F;
	border-top: 1px solid #0D354F;
	border-right: 1px solid #0D354F;
	border-bottom: 1px solid #2C82BB;
	position: relative;
	top: 1px;

}

.tabcontentstyle{ /*style of tab content container*/
	border: 1px solid #0D354F;
	
	margin-bottom: 0em;
	padding: 10px;
}

.tabcontent{
	display:none;
	background-color: #0d354f;

}

@media print {
	.tabcontent {
	display:block !important;
	}
}

#tabcontainer{
	border:1px solid #0D354F; 
	width:580px; 
	height: 290px; 
	padding:0px; 
	margin:0px;
	margin-bottom:0em;
	/* background:url(../images/tabContBg.jpg) top center repeat-x; */

}

#tab1, #tab2, #tab3{
	width:100%;
	height:100%;
	color:#FFFFFF;
}


#tabcontainer h2{
	font-size:140%;
	font-weight:normal;
	padding:18px 0 12px 20px;
	margin:0;
}

#tabcontainer p{
	padding: 6px 20px 0 20px;
	margin:0;
}

#tabcontainer ul li{
	list-style-type:circle;
	font-style:italic;
}

#tabcontainer .more{
	float:right;
	margin-top:12px;
}

#tabcontainer .more a:hover{
	cursor:pointer;
}

a img{
	border:none;
}



#feature h3, td.contentheading{
	border-bottom:1px solid  #E1E1E1;
	padding:15px 0 2px 30px;
	font-size:160%;
	font-weight:bold;
	margin-bottom:30px;
}

#feature p, #content p{
	padding:0 30px 10px 30px;
}

#content h4 {
   padding-left: 30px;
   font-size:130%;
}

#rightcolumn{
	float:right;
	width: 270px; /*Width of right column*/
}

.sideBox{                /*******   added on 06172008 may be deleted ***/
	width:240px;
	border:1px solid #0D354F;
	background:#F2F2F2;
	color:#497882;
	margin-top:0;
	margin-bottom:30px;
	padding-bottom:10px;
}


#rightcolumn div, .sideBox{
	width:240px;
	/* border:1px solid #0D354F;
	background:#F2F2F2; */
	color:#497882;
	margin-top:0;
	margin-bottom:30px;
	padding-bottom:10px;
}

#rightcolumn  div h3, .sideBox h4{
	border-bottom:1px solid #E1E1E1;
	padding:20px 0 2px 10px;
	font-size:140%;
	font-weight:normal;
	margin:0 0 15px 0;
}

#rightcolumn  div p, .sideBox p{
	padding:0 10px 10px 10px;
}

#rightcolumn > div .learnmore, .sideBox .learnmore{
	text-align:right;
	padding:0 10px 0 0;
}

#footerContainer{
	clear: both;
	width: 100%;
	border-top:1px solid #e1e1e1;
	background: #F2F2F2;
	color: #999;
	padding: 4px 0;
}

#footer{	
	width:960px;
	margin-left: auto;
	margin-right: auto;
	padding-top:4px;
	margin-bottom:8px;
	text-align:left;
	font-size:11px;
}

#footer .rightCol{
	border:none;
	padding:0;
	margin:0 20px 0 0;
	width:220px;
	float:right;
}

#footer .rightCol p{
	padding-bottom:4px;
	border-bottom:1px solid #E1E1E1;
	margin-bottom:6px;
}

#footer a:link, 
#footer a:visited, #footer a:active{
	color: #999;
	text-decoration:none;
	font-size:100%;
}

#footer a:hover{
	color: #231F20;
	font-size:100%;
}

#footer ul{
	margin:0 0 8px 0;
	padding:0;
}

#footer ul li{
	display:inline;
	border-right:1px solid #E1E1E1;
	padding:2px 4px 2px 0;
        margin:0;
}

address{
	margin:0px;
}

.orgName{
	font-weight:bold;
	color:#231F20;
}

#footer .phone{
	width:150px;
	padding-top:2px;
	overflow:hidden;
}

.credit{
	clear:both;
	font-size:76%;
	padding:0;
	margin:0 0 0 20px;
	border:none;
}

#footer .feature{
	width:580px;
	/ padding:0 0 0 20px;
	margin:0 0 0 20px;
}


#footer p{
	padding:0;
	margin:0;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.hidden {
	display:none;
}

.clear{
	clear:both;
}

table.contentpaneopen  { 
   width: 100%; 
}

img.storyLeft {
	float: left;
	padding: 4px 14px 8px 0px;
}

table#people {
}

.indentmenu{
	font: bold 16px;
	width: 100%; 
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	/* width: 80%; width of menu*/

}


.indentmenu ul li{
	display: inline;
}


.indentmenu ul li a{
	float: left;
	color: #0D354F;
	position: relative;
	padding: 5px 14px;
	margin-left:4px;

	text-decoration: none;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background:url(../images/tabBg.jpg) top center repeat-x;
}

.indentmenu ul li a:hover, .indentmenu ul li a:visited:hover{
	color:#47BFE2;
}

.indentmenu ul li a:visited{
	color:#999;
}


.indentmenu ul li a.selected{
	color: white !important;
	padding-top: 6px; /*shift text down 1px*/
	padding-bottom: 4px;
	magin-bottom:4px;
	background: #2C82BB;
	border-left: 1px solid #0D354F;
	border-top: 1px solid #0D354F;
	border-right: 1px solid #0D354F;
	border-bottom: 1px solid #2C82BB;
	position: relative;
	top: 1px;

}

.tabcontentstyle{ /*style of tab content container*/
	border: 1px solid #0D354F;
	
	margin-bottom: 1em;
	padding: 10px;
}

.tabcontent{
	display:none;
}

@media print {
	.tabcontent {
	display:block !important;
	}
}

#container { 
	padding: 0px;  

	/*border: 1px solid red;*/
}

#tabcontainer{
	border:1px solid #0D354F; 
	width:580px; 
	/* height: 290px; */
	padding:0px; 
	margin:0px;
	margin-bottom:1em;
	/* background:url(../images/tabContBg.jpg) top center repeat-x; */

}

#tab1, #tab2, #tab3{
	width:100%;
	height:100%;
	color:#FFFFFF;
}



#tabcontainer h2{
	font-size:140%;
	font-weight:normal;
	padding:18px 0 12px 20px;
	margin:0;
}

#tabcontainer p{
	padding: 6px 20px 0 20px;
	margin:0;
}

#tabcontainer ul{
	list-style-type:circle;
	font-style:italic;
        padding:0 16px 0 16px;
        margin:0 0 0 32px;
}


#tabcontainer ul li{
        line-height:12px;
}



#tabcontainer .more{
	float:right;
	margin-top:12px;
}

#tabcontainer .more a:hover{
	cursor:pointer;
}

a img{
	border:none;
}



#feature h3, td.contentheading{
	border-bottom:1px solid  #E1E1E1;
	padding:15px 0 2px 30px;
	font-size:160%;
	font-weight:bold;
	margin-bottom:30px;
}

#feature p, #content p{
	padding:0 30px 10px 30px;
}

#rightcolumn{
	float:right;
	width: 270px; /*Width of right column*/
}

#rightcolumn > div, .sideBox{
	width:240px;
	/* border:1px solid #0D354F;
	background:#F2F2F2; */
	color:#497882;
	margin-top:0;
	margin-bottom:30px;
	padding-bottom:10px;
}

#rightcolumn > div h3, .sideBox h4{
	border-bottom:1px solid #E1E1E1;
	padding:20px 0 2px 10px;
	font-size:140%;
	font-weight:normal;
	margin:0 0 15px 0;
}

#rightcolumn > div p, .sideBox p{
	padding:0 10px 10px 10px;
}

#rightcolumn > div .learnmore, .sideBox .learnmore{
	text-align:right;
	padding:0 10px 0 0;
}

#footerContainer{
	clear: both;
	width: 100%;
	border-top:1px solid #e1e1e1;
	background: #F2F2F2;
	color: #999;
	padding: 4px 0;
}

#footer{	
	width:960px;
	margin-left: auto;
	margin-right: auto;
	padding-top:4px;
	margin-bottom:8px;
	text-align:left;
	font-size:11px;
}

#footer .rightCol{
	border:none;
	padding:0;
	margin:0 20px 0 0;
	width:220px;
	float:right;
}

#footer .rightCol p{
	padding-bottom:4px;
	border-bottom:1px solid #E1E1E1;
	margin-bottom:6px;
}

#footer a:link, 
#footer a:visited, #footer a:active{
	color: #999;
	text-decoration:none;
	font-size:100%;
}

#footer a:hover{
	color: #231F20;
	font-size:100%;
}

#footer ul{
	margin:16px 0 8px 0;
	padding:0;
}

#footer ul li{
	display:inline;
	border-right:1px solid #E1E1E1;
	padding:2px 4px 2px 0;
        margin:0;
}

address{
	margin:0px;
}

.orgName{
	font-weight:bold;
	color:#231F20;
}

#footer .phone{
	width:150px;
	padding-top:2px;
	overflow:hidden;
}

.credit{
	clear:both;
	font-size:76%;
	padding:0;
	margin:0 0 0 20px;
	border:none;
}

#footer .feature{
	width:580px;
	/ padding:0 0 0 20px;
	margin:0 0 0 20px;


}



#footer p{
	padding:0;
	margin:0;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.hidden {
	display:none;
}

.clear{
	clear:both;
}

table.contentpaneopen  { 
   width: 100%; 
}

table#people td.storyLeft img {
	float: left;

	padding: 4px 14px 8px 0px;
}

table#people {
	padding:0 30px 10px 30px;
}

table#people td {
	padding-bottom: 1em;
}

#homepage #content {
   width:900px;
   margin:0 auto;
padding:0;
   border: 0;
  background-color: #fff;
}

#content .moduletable  {
       background-color: #fff;
}

#content li {
      padding:0 1em 1em 0;
}


ol{
   font-size:12px;
}

ol.bold {
   font-weight: bold;
   font-size:100%;
   padding:0 20px 0 0;
   margin:0 0 0 5px;
}

ol.bold .normal {
  font-weight: normal;
  font-size:100%;
}

ol.bold p {
 font-weight: normal;
  font-size:100%;
}

ol li{
  padding-left:0px;
  margin-left:45px
}

/* .indented_li ul {
  margin-left: 45px;
  padding-right:20px;
} */

.highlite{
  font-weight:bold;
}

.contentpaneopen ul{
  padding:0 20px 0 0;
  margin:0 0 0 15px;
  list-style-type:disc;
}

.contentpaneopen ul li{
  padding-left:0px;
  margin-left:45px
}



/****************************************   home page boxes  **********************************/


/**********************************************************************************************/

#bdwrap{
	width:900px;
	margin:0 auto;

        
}

.homecolWrap{
        width:860px;
padding:0;
margin:0 auto;
border:1px solid #e1e1e1;
background:url(../images/homepageColBg.jpg) top center repeat-x;
}


.homepageCol{
	float:left;
	width:50%;
	/* border:1px solid #ccc; */
	margin:0;
	padding:0 0 0 0;
        /* background:url(../images/homepageColBg.jpg) top center repeat-x; */
	position:relative;
	
	
}

.newFeature{
	width:75px;
	height:75px;
	background:url(../images/icons/newFeatures.gif) top right no-repeat;
	position:absolute;
   	right: 0;
   	top: 0;
   	display: block;
	text-indent: -999em;
	text-decoration: none;

}

.homepageCol h2{
	margin:10px 0 20px 5px;
	padding:15px 0 0 15px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:18px;
        line-height:22px;
	color:#000;

}


.homepageCol dl{
        
	padding:10px 20px 0px 10px;
	margin:1px 0 0 0;
	min-height:75px;
        height:auto !important;
        height:75px;
        vertical-align:middle;

}


div.separate{
	width:99%;
	margin:0 auto 0 auto;
	border-bottom:1px solid #e3e3e3;
	padding:0 0 0 0;
	height:1px;
	overflow:hidden;
}

.homepageCol dt{
        
	margin:0 0 0 55px;
	padding:0 0 2px 0;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0c4562;
}

.homepageCol :hover dt{
	color:#950000;
}

.homepageCol dd{
      
	margin:0 0 0 55px;
	padding:0;
	font-size:10px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#999;
}

dl.perception{
	background:url(../images/icons/percpetionstudy_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.perception:hover{
	background:#f2f2f2 url(../images/icons/percpetionstudy_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.pulse{
	background:url(../images/icons/pulse_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.pulse:hover{
	background:#f2f2f2 url(../images/icons/pulse_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.custom{
	background:url(../images/icons/customprojects_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.custom:hover{
	background:#f2f2f2 url(../images/icons/customprojects_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.exchange{
	background:url(../images/icons/exchange_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.exchange:hover{
	background:#f2f2f2 url(../images/icons/exchange_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.five0{
	background:url(../images/icons/five0_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.five0:hover{
	background:#f2f2f2 url(../images/icons/five0_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.perspectives{
	background:url(../images/icons/perspectiveseries_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.perspectives:hover{
	background:#f2f2f2 url(../images/icons/perspectiveseries_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.corporate{
	background:url(../images/icons/corppriorities_45.gif) no-repeat;
	background-position: 10px 15px;
}

dl.corporate:hover{
	background:#f2f2f2 url(../images/icons/corppriorities_45.gif) no-repeat;
	background-position: 10px 15px;
}

.homepageCol a:link, .homepageCol a:hover,
.homepageCol a:visited,.homepageCol a:active{
	text-decoration:none;

}