body{
width: 100%;
min-height: 100%;
background-color: #FFFFFF;
font-family:Arial, Helvetica;
margin:0;
padding:0;
font-size:13px;
color:#1A1818;
}
p{
font-size:13px;
color:#1a1818
}
a{
text-decoration:none;
color:#009deb;
cursor:pointer
}
a:hover{
color:#1a1818
}
.hide{
visibility:hidden!important
}
.strong{
font-weight:bold
}
h1 {
color:#009DEB;
font-size:24px;
font-weight:600;
height:25px;
margin-bottom:0;
padding:0
}
h2{
font-size:16px;
font-weight:normal;
color:#71796e
}
strong
{
font-weight: bold;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
font-size:0px;
height:0px;
overflow:hidden;
float:none !important;
margin:0;
padding:0
}
.line_space{
clear:both;
height:6px
}
.line_space_form{
clear:both;
height:3px
}
#wrapper{
width: 963px;
margin: 0px auto;
position: relative;
background-color: #FFFFFF
}
#border{
width: 963px;
height: 100%;
background-color: #FFFFFF
}
#header{
width: 963px;
max-height: 550px
}
#top_nav{
width: 963px;
height: 120px;
font-size: 14px;
background:url(../images/header_background.jpg) repeat-x
}
.top_logo img{
border:none;
padding: 0px 0px
}
.top_logo{
width: 182px;
position:relative;
height: 100px;
cursor:pointer;
padding: 0px 16px;
}
#top_nav .line_space{
height:16px!important
}
#top_nav .top_banner
{ width:693px;
height:100px;
position:relative;
padding:0 16px
}
#top_nav .top_banner img{
border: 0
}
#content{
width: 963px;
min-height: 372px
}
#middle_content{
float:left;
width:455px
}
#middle_content hr{
border:0;
color: #009ca6;
background-color: #009ca6;
height: 1px
}
#right_content {
float:right;
width:240px;
}
#right_content .item {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
float:left;
padding:21px 0;
width:224px
}
.item h3 a,
h3{
font-size:13px;
font-weight:bold;
color:#009deb
}
.item h3 a:hover{
color:#1a1818
}
#right_content .item .item_logo{
padding:0;
madgin:0;
background-color:#FFFFFF;
width:42px;
height:45px;
float:left;
background-repeat:no-repeat
}
.item #become_member.item_logo{
background-image:url(../images/member_logo.jpg);
}
.item #trials.item_logo{
background-image:url(../images/trials_logo.jpg);
}
.item #find_out.item_logo{
background-image:url(../images/find_out_logo.jpg);
}
.item #donate.item_logo{
background-image:url(../images/donate_logo.jpg);
}
.item #become_member.item_logo:hover{
background-image:url(../images/member_logo_hover.jpg);
}
.item #trials.item_logo:hover{
background-image:url(../images/trials_logo_hover.jpg);
}
.item #find_out.item_logo:hover{
background-image:url(../images/find_out_logo_hover.jpg);
}
.item #donate.item_logo:hover{
background-image:url(../images/donate_logo_hover.jpg);
}
#right_content .item .item_text h3{
font-size:13px;
font-weight:bold;
color:#009deb;
margin:0px
}
#right_content .item .item_logo img {
float:left;
height:42px;
margin:0;
padding:0;
width:42px
}
#right_content .item .item_text p, #right_content .item .item_text {
float:left;
font-size:11px;
width:179px;
margin-left:2px
}
/* menu*/
#nav{
margin-left: 0px;
margin-top:44px;
width: 253px;
font-family: Arial,Helvetica;
color: #1a1818;
text-align: left;
font-weight: bold;
font-size:13px;
float: left;
}
#nav ul{
padding:0px;
margin:0px;
background-color: #FFFFFF;
}
#nav ul li{
margin-left: 13px;
list-style: none;
color: #1a1818;
padding:5px 5px 5px 10px;
cursor:pointer;
position: relative;
font-size:13px
}
#nav ul li.active{
color: #009deb
}
#nav ul li a {
color:#1A1818;
/*padding:0 0 0 10px;*/
}
#nav ul li:hover a.first,
#nav ul li a:hover.first,
#nav ul li a:active.first,
#nav ul li.hover a.first{
color: #009deb!important;
}
li.selected{
background: url("../images/menu_more.jpg") no-repeat scroll -2px 3px transparent
}
li.selected a.selected{
color: #009deb!important;
}
#nav ul li ul.div_submenu{
text-align: left;
width: 182px;
color: #717970;
background-color: #FFFFFF;
position: relative;
padding:0;
display:none;
margin:0 0 0 -10px;
}
#nav ul li ul.div_submenu li {
list-style:none outside none;
margin-left:0px;
}
#nav ul li ul.div_submenu li .selected {
/*padding-left:10px*/
}
#nav ul li ul.div_submenu li,
#nav ul li ul.div_submenu li a,
#nav ul li ul.div_submenu li:hover,
#nav ul li ul.div_submenu li:hover a
{
text-decoration: none;
color: #717970;
font-size:11px
}
#nav ul li ul.div_submenu li:hover,
#nav ul li ul.div_submenu li:hover a{
color: #009deb!important;
}
/* NEWS BLock*/
#news{
background: url(../images/articles_top_background.jpg) repeat-x;
padding:16px;
margin-top:20px
}
#news h3{
padding-top:0;
margin-top:0;
font-size:16px
}
#news h4 a,
#news h4{
font-size:13px;
font-weight:bold;
color: #1a1818;
margin:0;
padding:0;
cursor:pointer
}
#news h4 a:hover,
#news h4:hover{
color: #009deb
}
#news ul{
padding:0 0px 0 0px;
margin:0
}
#news ul li{
list-style-image:none;
list-style:none
}
#news.downloads ul{
padding:0 0 0 20px
}
#news.downloads ul li{
list-style-image:url(../images/download_bull.png)
}
#news .content{
color: #1a1818;
font-size:13px;
margin-bottom:5px
}
#footer{
width: 963px;
font-size:10px;
color:#71796e;
margin-top:50px
}
#footer #copyright,
#footer ul{
padding:5px;
margin:0;
float:left
}
#footer #copyright {
padding:5px 0 5px 25px;
width:215px;
}
#footer ul li{
float:left;
list-style: none;
padding:0 10px
}
#footer a{
font-size:10px;
color:#71796e
}
#footer ul li a:hover{
color:#009deb
}
/*Buttons*/
a.button span {
background:url("../images/btn_left.png") no-repeat scroll 0 0 transparent;
display:block;
line-height:16px;
padding:8px 6px 10px 13px
}
a.button:hover span {
background:transparent url('../images/btn_left_over.png') no-repeat
}
a.button {
background:url("../images/btn_right.png") no-repeat scroll right top transparent;
color:#009DEB;
display:block;
float:left;
font-family:Arial;
font-weight:600;
font-size:11px;
height:35px;
margin-right:10px;
margin-top:10px;
padding-right:7px;
text-decoration:none;
text-shadow:1px 1px 1px #FFFFFF
}
a.button:hover {
background:transparent url('../images/btn_right_over.png') no-repeat scroll top right
}
a.menu_button span {
padding-top:6px;
background:url("../images/menu_btn_left.png") no-repeat scroll 0 0 transparent
}
a.menu_button {
background:url("../images/menu_btn_right.png") no-repeat scroll right top transparent
}
a.menu_button:hover {
background:transparent url('../images/menu_btn_right_over.png') no-repeat scroll top right
}
a.menu_button:hover span {
background:transparent url('../images/menu_btn_left_over.png') no-repeat
}
a.login_button:hover {
background:transparent url('../images/login_btn_right_over.png') no-repeat scroll top right
}
a.login_button span {
line-height:19px;
padding:3px 6px 3px 13px;
background:url("../images/login_btn_left.png") no-repeat scroll 0 0 transparent
}
a.login_button:hover span {
background:transparent url('../images/login_btn_left_over.png') no-repeat
}
a.login_button {
margin-top:2px;
height:25px;
background:url("../images/login_btn_right.png") no-repeat scroll right top transparent
}
/*login area*/
#login_area{
float:left;
margin-left:23px;
margin-top:15px;
width: 220px;
}
.bottom_right_edge, .top_right_edge, .bottom_left_edge, .top_left_edge {
background-color:#FFFFFF;
background-image:url("../images/login_edges.png");
background-repeat:no-repeat;
float:right;
height:6px;
width:5px;
}
#login_area #is_login{
float:left;
width:195px;
paddding:0;
margin:0;
background-color: #FFFFFF;
color:#009deb;
font-size:10px
}
#login_area #login{
float:left;
width:195px;
paddding:0;
margin:0;
background-color: #FFFFFF;
display:none
}
#login_form3{
display:inline
}
#login_area #login .content_form {
background-color:#E0E6E6;
padding:5px 6px;
width:183px;
}
#login_area #login .content_form .forgot_pass{
}
#login_area #login .content_form .forgot_pass a{
font-size:10px;
font-weight:bold;
color:#1a1818;
line-height:25px
}
#login #login_input,
#login #password_input,
#login #password_default,
#formemail #email{
background-color:#FFFFFF;
border:1px solid #BABABA;
color:#1A1818;
font-family:Helvetica,Arial;
font-size:10px;
font-weight:bold;
height:15px;
margin:2px;
padding:5px 2px 0 5px;
width:169px;
display:block
}
#login #password_input {
display:none
}
#login #login_input.error,
#login #password_input.error,
#login #password_default.error,
#formemail #email.error,
#contact_us_form #first_name.error,
#contact_us_form #last_name.error,
#contact_us_form #email.error,
#contact_us_form #phone.error,
#contact_us_form #professional.error,
#contact_us_form #public.error
{
background-color:#c1eafe;
}
label.error {
background-color:#c1eafe;
left:0;
margin:-10px 1px 0 !important;
padding:0 5px 1px;
position:absolute;
text-align:left;
top:18px;
}
div.error{
color:#009DEB
}
.bottom_left_edge,
.top_left_edge {
float:left
}
.top_left_edge {
background-position: -2px 0px;
}
.top_right_edge {
background-position: -9px 0px;
}
.bottom_left_edge {
background-position: -2px -8px;
}
.bottom_right_edge {
background-position: -9px -8px;
}
.bottom_middle_border,
.top_middle_border{
background-color: #e0e6e6;
height:6px;
width:100%;
margin:0;
padding:0;
line-height:0;
font-size:0
}
.top_middle_border{
border-top:#cdd2d2 solid 0px
}
.bottom_middle_border{
border-bottom:#cdd2d2 solid 0px;
border-top:none 0
}
/*FANCY BOX*/
/***** JQUERY FANCY BOX CSS***/
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
height:40px;
width:40px;
margin-top:-20px;
margin-left:-20px;
cursor:pointer;
overflow:hidden;
z-index:1104;
display:none
}
* html #fancybox-loading {
position:absolute;
margin-top:0
}
#fancybox-overlay {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:#000;
z-index:1100;
display:none
}
* html #fancybox-overlay {
position:absolute;
width:100%
}
#fancybox-tmp {
border:0;
overflow:auto;
display:none;
margin:0;
padding:0
}
#fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:1101;
display:none;
margin:0;
padding:20px
}
#fancybox-outer {
position:relative;
width:100%;
height:100%;
background:#FFF
}
#fancybox-inner {
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
outline:none;
overflow:hidden;
margin:0;
padding:0
}
#fancybox-hide-sel-frame {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent
}
#fancybox-close {
position:absolute !important;
top:-15px !important;
right:-15px !important;
width:35px !important;
height:35px !important;
background-image:url('../images/fancybox/close_modal.png');
cursor:pointer;
z-index:1103 !important;
display:none
}
#fancybox_error {
color:#444;
font:normal 12px/20px Arial;
margin:0;
padding:7px
}
#fancybox-content {
height:auto;
width:auto;
margin:0;
padding:0
}
#fancybox-img {
width:100%;
height:100%;
border:none;
outline:none;
line-height:0;
vertical-align:top;
-ms-interpolation-mode:bicubic;
margin:0;
padding:0
}
#fancybox-frame {
position:relative;
width:100%;
height:100%;
border:none;
display:block
}
#fancybox-title {
position:absolute;
bottom:0;
left:0;
font-family:Arial;
font-size:12px;
z-index:1102
}
.fancybox-title-inside {
text-align:center;
color:#333;
padding:10px 0
}
.fancybox-title-outside {
padding-top:5px;
color:#FFF;
text-align:center;
font-weight:700
}
.fancybox-title-over {
color:#FFF;
text-align:left
}
#fancybox-title-wrap {
display:inline-block
}
#fancybox-title-wrap span {
height:32px;
float:left
}
#fancybox-left,#fancybox-right {
position:absolute;
bottom:0;
height:100%;
width:35%;
cursor:pointer;
outline:none;
background-image:url('../images/fancybox/blank.gif');
z-index:1102;
display:none
}
#fancybox-left {
left:0
}
#fancybox-right {
right:0
}
#fancybox-left-ico,#fancybox-right-ico {
position:absolute;
top:50%;
left:-9999px;
width:30px;
height:30px;
margin-top:-15px;
cursor:pointer;
z-index:1102;
display:block
}
#fancybox-left:hover,#fancybox-right:hover {
visibility:visible
}
#fancybox-left:hover span {
left:20px
}
#fancybox-right:hover span {
left:auto;
right:20px
}
.fancy-bg {
position:absolute;
border:0;
width:20px;
height:20px;
z-index:1001;
margin:0;
padding:0
}
#inline1 {
width:550px;
padding:10px 40px 20px;
overflow:auto
}
/*SCROLL PANE*/
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 0;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #ebebeb;
}
.jScrollPaneDrag {
position: absolute;
background: #808184;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
/*CONTACT US*/
.contact_person{
float:left;
margin:10px 0;
padding-bottom:5px;
border-bottom:1px solid #CCCCCC;
width:100%
}
.contact_person .left p,
.contact_person .left{
margin:0;
padding:0
}
.contact_person .right p,
.contact_person .right{
margin:0;
padding:0;
text-align:right
}
label {
color:#414141;
font-family:arial;
font-size:11px;
font-weight:700;
}
#contact_us_form .form-row {
clear:both;
padding:5px 0 10px 0;
width:450px;
}
#contact_us_form .form-column {
float:left;
margin-left:25px;
width:200px
}
#contact_us_form .form-field {
margin:1px 0 0;
position:relative
}
#contact_us_form #first_name,
#contact_us_form #last_name,
#contact_us_form #phone,
#contact_us_form #email,
#contact_us_form #cell_phone,
#contact_us_form #zip,
#contact_us_form #address1,
#contact_us_form #address2,
#contact_us_form #state_id,
#contact_us_form #city,
#contact_us_form #country_id,
#contact_us_form #company_name,
#contact_us_form #confirm_password,
#contact_us_form #password,
#contact_us_form textarea,
#contact_us_form #captcha_code{
background-color:#FFFFFF;
border:1px solid #BABABA;
color:#1A1818;
font-family:Helvetica,Arial;
font-size:12px;
font-weight:normal
}
#contact_us_form textarea{
width:450px
}
#contact_us_form #captcha_code
{
color:#4a4a4a;
font-weight:normal;
width:110px;
height:15px;
margin-left:5px
}
#contact_us_form #first_name,
#contact_us_form #last_name,
#contact_us_form #phone,
#contact_us_form #email,
#contact_us_form #cell_phone,
#contact_us_form #zip,
#contact_us_form #address1,
#contact_us_form #address2,
#contact_us_form #state_id,
#contact_us_form #city,
#contact_us_form #country_id,
#contact_us_form #company_name,
#contact_us_form #confirm_password,
#contact_us_form #password{
height:15px;
margin:2px 2px 2px 0px;
padding:5px 2px 0 5px;
width:200px
}
/*ARICLE PAGES*/
.articles{
font-size:12px
}
.article_short img{
float:left
}
.articles h4 a, .articles h4 {
color:#1A1818;
cursor:pointer;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
}
.articles h4 a:hover, .articles h4:hover{
color:#009deb
}
.article_short{
float:left; margin:5px 0;padding:0
}
.article_short .article_short_text{
float:left; width:295px; margin:0 0 5px 14px;padding:0
}
.links .article_short .article_short_text{
width:450px!important;
margin:0 0 5px 0px!important;
}
.article_short .article_short_text div,
.article_short .article_short_text p{
margin-top:0;
margin-bottom:0;
font-size:12px
}
.article_short .article_short_text a.button {
margin-top:0px!important
}
.centered_buttons{
width:250px; margin:0 auto;
padding-left:15px
}
ul.pagination_number_list li{
float:left;
padding-left:5px
}
ul.pagination_number_list{
padding:0 0 0 0;
margin:0 0 0 0;
list-style:none
}
ul.pagination_number_list li a.active{
font-weight:bold;
text-decoration:none
}
ul.pagination_number_list li a{
text-decoration:underline;
color:#a2a2a2;
font-size:11px;
vertical-align:super
}
ul.pagination_number_list li div.prev,
ul.pagination_number_list li div.next{
display:inline;
cursor:pointer;
padding:0;
margin:0;
width:12px;
height:13px;
float:left;
background:url('../images/arrow_next.jpg') no-repeat;
}
ul.pagination_number_list li div.prev{
background:url('../images/arrow_prev.jpg') no-repeat;
}
ul.pagination_number_list li div.desactive
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#message_error{
font-size:12px;
color:#009deb;
font-weight:normal;
padding-left:20px
}
ul#site_map .div_submenu2 ul,
ul#site_map li,
ul#site_map {
list-style:none;
padding:0;
margin:0;
font-size:13px;
font-weight:bold
}
ul#site_map .div_submenu2 ul{
padding-left:5px
}
ul#site_map li a,
ul#site_map li {
color:#009DEB;
}
ul#site_map .div_submenu2 ul li a,
ul#site_map .div_submenu2 ul li {
color:#717970
}
ul#site_map li a:hover{
color:#1A1818
}
ul#site_map .div_submenu2 ul li a:hover{
color:#009DEB;
}
ul#site_map > li{
margin-bottom:5px
}
ul#site_map .div_submenu2 ul li{
font-size:11px
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen
{
.sIFR-active h1
{
visibility: hidden;
}
}