



/********************** Whole Page **********************/
html,body{
    margin:0;
    padding:0;
}
body{
    font: 10px arial,sans-serif;
    background: #f8f8f8;
}
p{
    font: 12px arial; /*12px*/
}
ul{
    font: 12px arial;
}
img{ border:none; outline:none; margin:0px; padding:0px;}
.RedDot{  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: normal; 
    color: #FF3333;
    text-decoration: none;
}
div#container{
    text-align:left;
    width: 1018px;
    margin:0 auto;
    background-image: url(/cps/rde/xbcr/datasite/background.gif);
    background-repeat: repeat-y;
    /*border: 1px solid red;*/
}
div#content{
    float: left;
    /*html: body clear: both;*/
    background: #fff;
    margin:0 0 0 11px;
}

div#column{
    background:transparent url('/cps/rde/xbcr/datasite/bg_left_nav_green_03.gif') 12px 10px repeat-y;
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    padding-bottom: 10px;
}

/*div#content p{
    line-height:20px;
}*/
/********************** Header **************************/
#header{width:990px; margin-left:9px; background-color:#000000; clear:both;}
.logoAlign{border:none;}
.logoAlign a, .logoAlign img{ border:none; text-decoration:none; outline:none;}
.logon_but{background:url(/cps/rde/xbcr/datasite/loginButBlank.gif) no-repeat 0 0; width:190px; height:71px; cursor:pointer; float:right; margin-top:-71px;}
.logon_but a{text-decoration:none; color:#fff; display:block;}
.logon_text{margin: 26px 0 0 20px; font:13px arial; font-weight:lighter;}
.clearState{clear:both;}

/********************* Top Navigation *******************/
.slogan{ height:36px; width:990px; background:url(/cps/rde/xbcr/datasite/bg_slogan_03.gif) repeat-x 0 0; color:#FFFFFF; padding-top:10px; margin: 2px 0 0 9px; clear:both; }
.slogan .left p{font:12px arial; font-weight:bold; font-style:italic; margin: 0 0 10px 20px;}
.slogan .right p a{ text-decoration:none; color:#fff; font:11px arial; font-weight:bold;}
/************************* Language Nav *******************************************************/
#langNav a{font: 12px arial; color: #FFFFFF; text-decoration:none; outline:none; border:none;}
#langNav a:visited{font: 12px arial; color: #FFFFFF; text-decoration:none; outline:none; border:none;}
#langformat{ padding-left:25px;}
.langformat{ padding-left:50px;}
/********************** Homepage Body ********************/
#leftSide{ width:766px; float:left; clear:both;/*background:#99CCFF;*/}
#leftSide2{ width:766px; float:left; clear:both;/*background:#99CCFF;*/ margin: 0 0 0 0;} /*20px;*/
.flashPlaceHolder{margin-bottom:25px; background: url(/cps/rde/xbcr/datasite/flashPlaceHolder.gif) no-repeat; width:767px; height:312px;}
.lftMainContent{float: left; width:59%;}
.lftMainContent2{float: left; width:56%;}
/*.lftMainContent h3{margin-left: 25px; font:18px arial; color: #848484; font-weight:bold;}*/
.lftMainContent p{margin-left: 25px; font:12px arial; color:#828181; }
.lftMainContent li{color: #044a76; margin-left: 20px; font:12px arial; font-weight:bold; line-height:20px; }
.lftMainContent ul li{margin: 0in 0in 0pt; color: gray; tab-stops: list .5in;}
.lftMainContent p.list_hdr{color: #044a76;font:12px arial; font-weight:bold;}*/
.fontColor {color: #044a76; }
.fontColor2 p a{color: #78a02e; }
.rghtMainContent{float:right; width:39%; border-left: 1px dotted #cfcfcf; color:#828181; margin-bottom:10px;}
.rghtMainContent h3{margin-left: 25px; color: #848484; font:18px arial; font-weight:bold;}
.rghtMainContent .left{ width:60px; float:left; padding-left:10px; }
.rghtMainContent .right{ width:200px; float:left; padding-left:13px; padding-right:15px}
.rghtMainContent .download a{ padding-left:5px; color:#044a76; font:12px arial; font-weight:bold; padding-right:5px;} 
.rghtMainContent2{float:right; width:35%; border-left: 1px dotted #cfcfcf; color:#828181; margin-bottom:10px;}
.rghtMainContent2 h3{margin-left: 25px; color: #848484; font:18px arial; font-weight:bold;}
.rghtMainContent2 .left{ width:50px; float:left; padding-left:10px; }
.rghtMainContent2 .right{ width:200px; float:left; padding-left:13px; padding-right:15px}
.rghtMainContent2 .download a{ padding-left:5px; color:#044a76; font:12px arial; font-weight:bold; padding-right:5px;}
.rightMainContentLower{ border-top: 1px dotted #cfcfcf; }
.rightMainContentLower img{ margin-top: 10px; }


/*************** Body_Default **************************/
.breadCrumbs{
    margin: 0 0 0 5px;
    padding: 10px 0 10px 2px;
    border-bottom: 1px dotted #cfcfcf;
}
.crumb_left{
    font: 10px arial bold;
    color:#797979;
}
.crumb_left a{
    color: #0a57a4;
}
.crumb_left a:visited{
    color: #0a57a4;
}
div#imgBanner{
    padding: 5px;
}
div#main_content{
    float: left;
    padding: 0 15px 0 10px;
}
div#main_content h2{ font:27px arial; color:#78a22f;}
div#main_content{width: 550px; /*70%;*/ color:#797979;}
div#main_content a:visited{color: blue;}

/******************* CSS Drop Down Menu **************/

#tabs { margin: -10px 0 0 -30px; list-style:none; }
#tabs li { float:left; margin-right:-5px; border:#fff 1px solid;}
#tabs li a, .content ul.tabs li a { float:left; color:#000; height:26px; background: url(/cps/rde/xbcr/datasite/nav_top.jpg) no-repeat 0 0px; margin-right:4px; text-decoration:none; font:12px arial;}
#tabs li a span { display:block; padding:6px 41px 7px 41px; color:#000; background: url(/cps/rde/xbcr/datasite/nav_top.jpg) no-repeat 100% 0px;  }
#tabs li a:hover { color:#000;  background: url(/cps/rde/xbcr/datasite/nav_bottom_lt.jpg) no-repeat 0px 0px; }
#tabs li a:hover span {  background: url(/cps/rde/xbcr/datasite/nav_bottom_rt.jpg) no-repeat 100% 0px; color:#000; cursor:pointer;  }
#tabs li.active a, .content ul.tabs li.active a { background: url(/cps/rde/xbcr/datasite/nav_bottom_lt.jpg) no-repeat 0 0px; }
#tabs li.active a span { color:#fff; background: url(/cps/rde/xbcr/datasite/nav_bottom_rt.jpg) no-repeat 100% 0px; }
#tabs li ul {text-align:center; display:block; clear:both; margin:0px 0 0 0; padding:0; list-style:none; position:absolute; left: -999em; background: #e5e5e5;}
#tabs li ul li { float:none; display:block; margin:0; padding: 0px 0 0 0px; width: 100%; background:none;}
#tabs li ul li a { float:none; display:block; background:#e5e5e5 url(/cps/rde/xbcr/datasite/bg_dropdown_list_03.gif) repeat-x 0px 0px !important; padding-top:0px; padding-bottom:0px; margin:0; color: #000; }
#tabs li ul li a:hover { float:none; display:block; background:#fff !important; text-decoration:none; border:#e5e5e5 1px solid; padding-top:0px;}
#tabs li:hover ul, #tabs li.sfhover ul {left: auto;}
#tabs li:hover a.on, #tabs li.sfhover a.on {color:#fff; background: #fff !important; }
#tabs li:hover a.on span, #tabs li.sfhover a.on span{color:#fff; cursor:pointer;}
#tabs li.tab1 ul li { width: 132px;}
#tabs li.tab2 ul li { width: 212px;}
#tabs li.tab3 ul li { width: 181px;}
#tabs li.tab4 ul li { width: 200px;}
#tabs li.tab5 ul li { width: 141px;}

/*End new nav styles*/
#menuh-container{
    margin: 0 14px 0 15px;
}
#menuh{
    font:12px arial;
    width:100%;
    float:left;
    margin: 0px; 
    margin-top: 1px; 
    background-image: url(/cps/rde/xbcr/datasite/bgMainMenu.jpg);
}      
#menuh a
    {
    font:12px arial;
    text-align: center;
    display:block;
    border: 1px solid White;
    white-space:nowrap;
    margin:0;
    padding: .3em 0 .3em 0;
}
    
#menuh a:link, #menuh a:visited, #menuh a:active    
    {
    color: #646464;
    text-decoration:none;
}
    
#menuh a:hover                       
    {
    color: #646464;
    border-color: #d7d7d7;
    background-color: #ffffff;
    text-decoration:none;
}    
    
#menuh a.top_parent, #menuh a.top_parent:hover  
    {
    background-image: url();
    background-position: right center;
    background-repeat: no-repeat;
}
    
#menuh a.parent, #menuh a.parent:hover    
    {
    background-image: url(/cps/rde/xbcr/datasite/arrowRight.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
#menuh ul
    {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:123px;    
    
}
#menuh li
    {
    position:relative;
    min-height: 1px;        /* Sophie Dennis contribution for IE7 */
    vertical-align: bottom;        /* Sophie Dennis contribution for IE7 */    
    background-image: url(/cps/rde/xbcr/datasite/bgMainMenu.jpg);
}
#menuh ul ul
    {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    padding: 1em;
    margin:-1em 0 0 -1em;
    width: 170px;
}
#menuh ul ul ul
    {
    top:0;
    left:100%;
}
div#menuh li:hover
    {
    cursor:pointer;
    z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/**************** Left Side Navigation ******************/
.bgcolor_left_menu{ background:#fff; height:auto;}
div#left_background{
    float: left;
    clear: both;
    height:auto;
    margin: 0px -12px 0 12px;
}
div#left_background_with_menu{
    float: left;
    clear: both;
    margin: 0px -12px 0 12px;
}
div#left_navigation{
    background-image: url(/cps/rde/xbcr/datasite/bg_grad_lnav_03.gif);
    /*background-repeat: none;*/
    /*background:#c4c4c4;*/
    height:388px;
    width: 185px; /*18*/
    margin: 0;
    padding: 3px;
    font: 12px arial;
    line-height:20px;
    padding-top:40px;
    padding-left:10px;
}
div#left_navigation_with_menu{
    /*background-image: url(/cps/rde/xbcr/datasite/bg_grad_lnav_03.gif);*/
    background-repeat: repeat-x;
    /*background:#c4c4c4;*/
    height:431px; /*431px*/
    width: 185px; /*18*/
    margin: 0;
    padding: 3px;
    font: 12px arial;
    line-height:20px;
    padding-top:0px;
    padding-left:10px;
}
/************* Left Side Navigation Menu ****************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
    width: 196px; /*196px; width of menu*/
    border-style: solid solid none solid;
    border-color: #ffffff;
    border-width: 1px;
    margin: 0 1px 5px -1px;
}
.arrowgreen ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    
.arrowgreen li a{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(/cps/rde/xbcr/datasite/greenArrow.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
}    
    
.arrowgreen li a:link, .arrowgreen li a:visited {
    color: #737373;
}
.arrowgreen li a:hover{
    color: #737373;
    background-position: 100% -32px;
}
    
.arrowgreen li a.selected{
    color: #ffffff;
    background-position: 100% -64px;
}
/*************** Right Side Navigation ******************/
#right_navigation #rightNav h3.blue_hdr{padding-top:13px;}
#right_navigation #rightNav h1.green_hdr{padding-top: 5px;}
#rightNav{width:198px; float:left; margin-top:10px; color:#797979;} /*font:12px arial;*/
#rightNav a:link{color: #797979; text-decoration:none; outline:none; border:none;}
#rightNav a:visited{color: #797979; text-decoration:none; outline:none; border:none;}
#rightNav ul{ margin-left:0px;}/*40px*/
#rightNav ul li{ line-height:20px;}
#rightNav p{ line-height:20px; margin-left:20px;}
#rightNav h3, #rightNav a{ padding-bottom:0px; margin-bottom:0px;}

/*.button_style button {border: none; background:url(/cps/rde/xbcr/datasite/blue_button_bg.gif) no-repeat 0 0; width:196px; height:43px; cursor:pointer;}*/
/*.button_style span {font:14px arial; font-weight:bold; font-style:italic; color:#fff; padding:0 20px 0 0;}*/

h3.blue_hdr{ background:url(/cps/rde/xbcr/datasite/blue_button_bg.gif) no-repeat 0 0; width:196px; height:43px; padding-left:10px; padding-top:13px; cursor:pointer; margin-top:10px;}
h3.blue_hdr span{ font:13px verdana; color:#fff; padding-left:20px; font-weight:normal;}
/*h3.blue_hdr span{ font:11px verdana; #font-weight:bold;  font-style:italic; color:#fff; font-weight:lighter;}*/

h1.green_hdr{ background:url(/cps/rde/xbcr/datasite/bg_green_hdr.jpg) no-repeat 0 0; width:187px; height:26px; padding-bottom:0px; padding-left:10px; padding-top:0px; margin-left:7px; margin-bottom:0px; margin-top:0px;}
h1.green_hdr span{ font:14px arial; font-weight:bold; font-style:italic; color:#fff; padding:0 0 0 20px;}

.searchBar { clear: right; width: 199px; background:url(/cps/rde/xbcr/datasite/bg_search_03.jpg) no-repeat 0 0; margin:0px;}
.searchBar input { float: left; width: 160px; height: 13px; padding: 1px; margin: 7px 0 0 2px; font:12px arial; color:#797878; border:none; border-right:#FFFFFF; }
.searchBar button { display: block; background: url(/cps/rde/xbcr/datasite/search_btn.jpg) no-repeat 0px 0; text-indent: -1999px; overflow: hidden; font-size: 0; line-height: 0; text-decoration: none; border: none; cursor: pointer; height:35px; width:32px;}

#div1{font:12px arial; line-height:20px; padding-left:20px; padding-top:15px; padding-bottom:5px; padding-right:10px; height:278px;}
#div1 a:hover{color:#828181;}
.bgcolor_left_menu{ background:#fff; height:auto;}
/************************ Footer ************************/
div#footer{clear: both; color: #828181; width: 990px; margin-left: 9px; background-image: url(/cps/rde/xbcr/datasite/bgFooter.gif); background-repeat: no-repeat;}
div#lftFooterSide{float: left; width: 69%; margin: 76px 0 0 0;}
div#rghtFooterSide{float: right; width: 26%; margin: 20px 20px 0 0; text-align: right; font:10px arial;}
div#footerNav{margin-left:25px; margin: -65px 20px 0 0;}
div#footerNav p{font-size: 10px; color: #828181;}
div#footerNav a{text-decoration: none; color: #828181;}

/************ Table With Background Image **********************/
 
div#with_tbl_background{
    background-image: url(/cps/rde/xbcr/datasite/demoFormBackground.gif);
    background-repeat: no-repeat;
    width: 523px;
    height: 348px;
    margin: 0px;
    padding: 0px;
    padding-top:0px;
    padding-left:0px;
}

h1.blue_but{background:url(/cps/rde/xbcr/datasite/requestButton.gif) no-repeat 0 0; width:197px; height:43px; padding:5px 0 0 25px; cursor:pointer; margin-bottom:0px; margin-top:0px;}
h1.blue_but span{ font:14px arial; font-weight:bold; font-style:italic; color:#fff; padding-left:20px;}
div#underLine{text-decoration:none;}

#div1{font:12px arial; line-height:20px; padding-left:20px; padding-top:15px; padding-bottom:5px; padding-right:10px; height:278px;}
#div1 a:hover{color:#828181;}
.bgcolor_left_menu{ background:#fff; height:auto;}
#quotes{margin-left: 15px; color: #848484; font:18px arial; font-weight:bold;}

/* CSS for Sales Hyper Site */
div.boxBorder
{
    border-style:solid;
    border-width:1px;
    margin:0 0 0 0; /*-20px;*/
}

.bioName{ font:18px arial; color: #848484; font-weight:bold;}
.bioTitle{ color:#828181; font-weight:bold;}
.bioContact{ font:12px arial; color:#828181;} /* border: 1px solid blue;*/
.bioContact p{ font:12px arial; color:#828181;} /* border: 1px solid blue;*/
/*.bioContact p{line-height: 0%;}*/
.bioDescription{ font:12px arial; text-align:justify; color:#828181;}

/* user CSS */
.italicGreen{
color: #78a22f;
font-style: italic;
}
.bigGreen{
color: #78a22f;
font-size: 14px;
font-weight: bold;
}

label.error {width: 250px; display:block; float:left; color: red; padding-left: 10px; }
