html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption
{
margin:0; padding:0; border:0; outline:0; vertical-align:baseline;
font-weight:inherit; font-style:inherit; font-size:100%; line-height:100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body { font-size:62.5%; line-height:62.5%; background:#fff; color:#2f2f2f; }
ol, ul { list-style:none; position:relative; display:block; clear:both; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
a, a:link { color:#a73a2d; font-family:tahoma, verdana, sans-serif; }
a:hover { text-decoration:underline; }
del { text-decoration:line-through; color:#666; }
ins, dfn { border-bottom:1px solid #ccc; }
small, sup, sub { font-size:85%; }
abbr, acronym { text-transform:uppercase; font-size:85%; letter-spacing:.1em; }
a abbr, a acronym { border: none; }
abbr, acronym, dfn{ cursor:help; border-bottom: 1px solid #ccc; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
ul {margin-left:1.5em; list-style-position:outside;}
/* HR
------------------------------------------------------------------------------ */
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
/* COLORS
------------------------------------------------------------------------------ */
code, pre { color: #ff0000; } /* very optional, but still useful. W3C uses about the same colors for codes */
em { font-style:italic;}
.red { color:#c30000;}
a:hover{text-decoration:none;}
.clear { clear: both; display: block; width: 100%; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
ul.standart *{ list-style:disc;}
ol {margin-left:2.35em; list-style-position:outside; list-style-type:decimal;}
dt {margin-bottom:0.4em; margin-top:0.8em; font-weight:bold;}
caption {padding-bottom:0.8em;}
th, td {padding:0.8em;}
th, td {border:1px solid #CCCCCC; }
hr, p, ul, ol, dl, pre, blockquote, address, table{margin-bottom:1.6em;}
hr {background:#AAAAAA none repeat scroll 0 0; border:medium none; color:#AAAAAA; display:block; height:1px; width:100%; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3, h4, h5, h6 { color:#204a74; font-weight:normal; margin-bottom:5px; font-size:100%; text-decoration:none; font-family:tahoma, verdana, sans-serif; }
p{line-height:1.3em;}
/* H
------------------------------------------------------------------------------ */
h1 { font:normal 1.6em tahoma, verdana, sans-serif; }
h2 { font:normal 1.6em/20px tahoma, verdana, sans-serif; }
#sidebar-left .box-1 h2 { display:block; color:#486885 !important; padding:8px 0 0 16px; }
h3 { font:normal 1.5em/1.7em tahoma, verdana, sans-serif; color:#fff; background:url(../images/bg-h3.gif) no-repeat left center; height:35px; width:590px; padding:8px 0 0 16px; }
h3 span { display:block; color:#fff; padding-top:5px; }
h4 { font:bold 1.2em tahoma, verdana, sans-serif; padding:1em 0; color:#A73A2D; text-decoration:underline; }
h5 { font:normal 1.2em tahoma, verdana, sans-serif; padding:1em 0; }
h6 { font:normal 1em tahoma, verdana, sans-serif; padding:1em 0; }
/*Addiotional style for */
.h1 { font:bold 1.2em tahoma, verdana, sans-serif; padding:1em 0; color:#A73A2D; text-decoration:underline; }
/* Layouts
------------------------------------------------------------------------------ */
body{background:#012e55;}
#header-wrapper{background:transparent url(../images/header-wrapper.gif) repeat-x scroll center top; height:408px;}
#main-wrapper{background:transparent url(../images/main.gif) repeat-y scroll center top;}
#footer-wrapper{ background:transparent url(../images/footer-wrapper.gif) repeat-x scroll center top;}
#header { background:transparent url(../images/header.gif) no-repeat scroll center top; height:100%;}
#header, #main-wrapper, #footer{ margin:0 auto; position:relative; text-align:left; width:951px; font-size:1.1em;}
#middle{ width: 100%; height: 1%; position:relative;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container { width: 100%; float: left; overflow: hidden;}
#content { padding: 15px 45px 0 302px; }
.sidebar-left {float: left; width: 250px; margin-left: -100%; position: relative; padding:10px 0 36px 22px;}
#footer { height: 222px; background:transparent url(../images/footer.gif) top center no-repeat; position:relative;}
/* Header
------------------------------------------------------------------------------ */
.brand { background:transparent no-repeat scroll 0 0; height:212px; left:0; position:relative; top:196px; width:885px; margin:0 auto; }
.brand p{background:transparent url(../images/hdiv-1.png) no-repeat scroll left bottom; color:#fff; font-family:tahoma,verdana,sans-serif; font-size:1.1em; line-height:1.3em; padding-bottom:8px; padding-right:38px; margin-left:30px; position:relative; width:386px; top:36px;}
.brand a {background:transparent url(../images/read-more.png) no-repeat scroll 0 0; display:block; height:25px; overflow:hidden; position:relative; top:35px; left:30px; width:101px; padding:3px 0px 0px 15px ; text-decoration:none; border-width:0; color:#204A74; cursor:pointer; font:bold 1.1em/1.5em tahoma,verdana,sans-serif;}
.brand .fx-2 {height:55px; left:25px; position:relative; top:30px; width:350px; }
.brand strong{color:#fff; font:normal 2em tahoma, verdana, sans-serif; padding-right:38px; margin-left:30px; position:relative; top:30px;}
/* Logo
------------------------------------------------------------------------------ */
.logo{ background:transparent url(../images/logo.gif) no-repeat scroll left center; text-decoration:none; width:570px; height:69px; padding-left:79px; top:50px; position:absolute; left:62px;}
.logo strong{ letter-spacing:-2px; font:bold 2.8em verdana,sans-serif; display:block; color:#204a74; position:absolute; top:-8px; text-transform:uppercase; line-height:1em; padding-top:8px;}
.logo sub{ letter-spacing:-1px; font:bold 1.6em verdana,sans-serif; display:block; color:#b1b1a5; position:absolute; top:49px; text-transform:uppercase; line-height:1em;}
/* Site-navy
------------------------------------------------------------------------------ */
.site-navy { position:absolute; right:42px; top:114px;}
.site-navy li { background:transparent url(../images/vdiv-1.gif) repeat-y scroll right center; float:left; padding:0 8px;}
.site-navy li.last {background:transparent none repeat scroll 0 0; padding-right:0;}
.site-navy li a:hover {color:#132d48;}
.site-navy li a {color:#204a74;}
/* Search Form
------------------------------------------------------------------------------ */
.form-search {position:absolute; right:36px; top:64px;}
.form-search * {display:block; float:left;}
.form-search .it-tx { background:transparent url(../images/input-search.gif) no-repeat scroll 0 0; border:0 none !important; color:#606060; font-family:tahoma,verdana,sans-serif; font-size:11px; height:17px; line-height:normal; margin-right:4px; padding:4px 8px 0; width:144px; }
.form-search .it-sb { background:transparent url(../images/search.gif) no-repeat scroll 0 0; border:0 none !important; color:#204A74; cursor:pointer; font:bold 1em tahoma,verdana,sans-serif; height:22px; line-height:normal; padding:0 0 3px 0px; width:70px; }
/* Top menu
------------------------------------------------------------------------------ */
.menu { height:52px; left:33px; position:absolute; top:148px; width:885px; }
.menu ul { height:44px; margin-left:0px; padding-top:6px; width:885px;}
.menu li { float:left; padding:0px 6px 0px 0px;}
.menu li.last {padding-right:0;}
.menu li a:hover, .menu li a.selected { background:transparent url(../images/top-menu-selected-left.png) no-repeat scroll left center; color:#fff;}
.menu li a {background:transparent url(../images/top-menu-left.png) no-repeat scroll left center; color:#204a74; display:block; height:40px; padding:0 0 0 12px; position:relative; text-decoration:none;}
.menu li a:hover span, .menu li a.selected span { background:transparent url(../images/top-menu-selected-right.png) no-repeat scroll right center;}
.menu li a span {background:transparent url(../images/top-menu-right.png) no-repeat scroll right center; cursor:pointer; display:block; font-family:tahoma,verdana,sans-serif; font-size:1.2em; font-weight:bold; line-height:1.3em; padding:10px 12px 13px 0}
.menu li a:hover span b, .menu li a.selected span b { background:transparent url(../images/top-menu-selected-middle.png) repeat-x scroll 0 0; }
.menu li a span b {background:transparent url(../images/top-menu-middle.png) repeat-x scroll 0 0; font-family:tahoma,verdana,sans-serif; font-size:1em; font-weight:bold; line-height:1.2em; padding:10px 15px 14px;}
@-moz-document url-prefix(){ .menu li a span b{padding:11px 15px 13px;} } /*fix FF2 FF3*/
/* box styles */
.box-1 { width:233px; text-align:left; margin-bottom:22px; background:url(../images/box-1.gif) repeat-y; }
.box-1 li.last { height:4px; background:url(../images/box-1-bottom.gif) no-repeat bottom; font-size:0px; line-height:0px; }
.box-1 li { position:relative; width:100%; background:url(../images/box-1-head.gif) no-repeat; margin:0; padding:0; }
.box-1 div { font-size:10px; padding:22px 0 2px 23px; }
.box-1 h2 { padding-bottom:8px; font-weight:bold; }
.box-2 { position:relative; background:url(../images/box-2.gif) repeat-y center; width:225px; text-align:left; margin:1em 1.5em .5em -.5em; float:left; }
.box-2 li.last { height:4px; background:url(../images/box-2-bottom.gif) no-repeat bottom; font-size:0px; line-height:0px; }
.box-2 li { padding:4px 0px 0px 0px; position:relative; width:100%; background:url(../images/box-2-head.gif) no-repeat top center; margin:0; }
.box-2 div { padding:4px 0 0 15px; }
.box-2 span{ color:#204a74; display:block; font-size:0.9em; line-height:1.2em; padding:7px 12px 7px 0; }
.box-2 img{border:1px solid #e5e5e1;}
.box-2 h4{ padding-bottom:8px; font-weight:bold; }
.box-3 { width:233px; text-align:left; margin-bottom:10px; }
.box-3 li { position:relative; width:100%; margin:0; padding:0; }
.box-3 div { font-size:10px; padding:8px 0 2px 29px; }
.box-3 h2 { padding-bottom:8px; }
.box-3 img{border:1px solid #b1b1a5;}
/* FORMS */
.f-form { overflow:hidden; padding-top:1.5em; }
.f-form fieldset { overflow:hidden; padding-bottom:4em; padding-bottom:5px;}
.f-form fieldset ul { margin-left:0px;}
.f-form li { overflow:hidden; padding-bottom:5px; }
.f-form .f-generic label, .f-form .f-textarea label, .f-form .f-options strong {
display:block;
float:left;
width:180px;
color:#606060;
font:1.1em/1.9 tahoma, verdana, sans-serif;
}
.f-form .f-generic .f-text, .f-form textarea, .f-form .f-generic select {
width:192px;
border:1px solid #dadada;
color:#606060;
font:normal 1.1em tahoma, verdana, sans-serif;
}
.f-form textarea {
width:180px; height:60px;
padding:4px 6px;
}
.f-form .f-generic .f-file {
font:normal 1.3em/2 tahoma, verdana, sans-serif;
}
.f-form .f-generic .f-text {
width:184px;
padding:3px 4px 5px 4px
}
.f-form .f-generic select {
width:194px;
padding:3px 2px 1px 2px;
height:23px;
}
.f-form .f-generic .f-text:focus, .f-form .f-generic textarea:focus {
border:1px solid #5d9d27;
}
.f-form .f-options strong {
width:180px;
}
.f-form .f-options li {
padding-bottom:8px;
overflow:hidden;
}
.f-form .f-options li * {
float:left;
}
.f-form .f-options label {
position:relative;
padding-left:3px;
padding-right: 6px;
color:#606060;
font:normal 1.1em/1.6 tahoma, verdana, sans-serif;
}
.f-form .f-options div { float:left; }
.f-form .f-textarea textarea {
width:378px; height:120px;
}
.f-form p.f-action {
padding-top:16px;
text-align:left;
margin:0;
}
.f-form .f-submit {
border:0 none !important;color:#204A74;background:transparent url(../images/button.png) no-repeat scroll 0 0; cursor:pointer; font:bold 1.1em/1.5em tahoma,verdana,sans-serif; height:29px; padding:0px; overflow:hidden; text-decoration:none; width:117px;
margin-left:146px;
}
.f-form .f-generic span {
color:#606060;
font:1.1em/1.9 tahoma, verdana, sans-serif;
}
#l-right .f-text-block {
width:98%;
font:1.1em/1.5 tahoma, verdana, sans-serif;
}
.f-form .f-generic li, .f-form .f-options li {
clear:both;
}
#f6{border:0 none !important;color:#204A74;background:transparent url(../images/button.png) no-repeat scroll 0 0; cursor:pointer; font:bold 1.1em/1.5em tahoma,verdana,sans-serif; height:29px; padding:0px; overflow:hidden; text-decoration:none; width:117px;}
#f3, #f2{ border:0 none !important; }
.w-table {
position:relative;
overflow:hidden;
padding:1px;
}
.w-table table {
width:100%;
border:1px solid #dadada;
}
.w-table table td {
border:1px solid #dadada;
}
.w-table table thead td {
background:#f0f0f0;
font-weight:bold;
}
.w-table table td.t-center {
padding-left:0;
margin:0;
text-align:center;
}
.w-table table td {
padding:6px 6px 6px 12px;
color:#606060;
font:normal 1.1em/1.4 tahoma, verdana, sans-serif;
}
/* Footer Menu Copyrights
------------------------------------------------------------------------------ */
#footer .menu-footer {position:relative; text-align:center; top:22px;}
#footer .menu-footer li {display:inline;}
#footer .menu-footer a {background:transparent url(../images/vdiv-1.gif) no-repeat scroll right center; color:#204a74; font-family:tahoma,verdana,sans-serif; font-size:1em; line-height:1.3em; padding:0 12px 0 8px;}
#footer .menu-footer .last a {background:transparent none repeat scroll 0 0; padding-right:0;}
#footer p {color:#FFFFFF; font-family:tahoma,verdana,sans-serif; font-size:1.1em; line-height:1.3em; margin:0 auto; width:530px; text-align:center;}
#footer .address {padding-top:52px;}
#footer .copy {padding-top:16px;}
/* Lin List
------------------------------------------------------------------------------ */
.link-list { position:relative; clear:both; }
.link-list li { padding:4px 0 4px 36px; background:url(../images/bullet.gif) no-repeat left; }
.link-list li a { font:bold 1em/1.3em tahoma, verdana, sans-serif; }
.link-list li a:hover { }
/* Right menu
-------------------------------------------------------------------------------- */
#menu-service{margin:0px;}
.menu-box li { padding-bottom:4px; background:none transparent;}
.menu-box li a { display:block; width:195px; height:23px; padding:5px 0 0 0px; font:bold 1.2em/1.3em tahoma, verdana, sans-serif; text-decoration:none; border-bottom:1px solid #ced0d7;}
.menu-box li a:hover { background:url(../images/menu-l1.gif) no-repeat;}
.menu-box ul ul { padding:0px 0 6px 3px; margin:0; display:none; /* for unobtrusive JS hide submenu from JS */}
.menu-box li.selected a {text-decoration:none;}
.menu-box li.selected a span, .menu-box li.selected a:hover span {background:url(../images/arrow-down.gif) no-repeat right 55%;}
.menu-box li.selected a , .menu-box li.selected a:hover {border-bottom:1px solid #ced0d7;}
.menu-box .nosub span {background:none !important;}
.menu-box a span {padding-right:17px; cursor:pointer; color:#a73a2d; display:inline;}
.menu-box li.selected a span {text-decoration:none; color:#204a74;}
.menu-box li.selected ul {display:block;}
.menu-box li a.nosub{border-bottom:1px solid #CED0D7;}
.menu-box ul ul li {padding-bottom:2px;}
.menu-box ul ul li a {font-weight:normal !important; display:block; width:191px; height:22px; padding:5px 0 0 12px; background:none !important; border:1px dotted #a6a8af;}
.menu-box ul ul li a{background:url(../images/border-bottom.gif) no-repeat left bottom !important;}
.menu-box ul ul li a:hover {background:url(../images/sub-menu.gif) no-repeat !important; color:#204a74; border:0 none;}
/* Login Form , Feedback Form
------------------------------------------------------------------------------- */
.it-tx{ margin-bottom:8px; width:174px; padding:4px 8px 0; line-height:1.3em; height:18px;}
.login-box .it-sb { margin-left:6px; margin-top:1px;}
.it-v2 { float:left; width:97px; margin-bottom:4px;}
.box-1 .it-sb { border:0 none !important; color:#204a74; cursor:pointer; font-family:tahoma,verdana,sans-serif; font-size:1.1em; height:24px; line-height:1.2em; padding:0 0 4px 0px; text-align:center; width:71px; background:transparent url(../images/login.gif) no-repeat scroll 0 0; font-weight:bold;}
.box-1 .feedback .it-sb {height:24px; width:117px; background:transparent url(../images/send-message.gif) no-repeat scroll 0 0;}
.login-box .it-sb { margin-left:6px;}
.box-1 .link{ color:#e3e5ea; clear:both; display:block;}
.link a { font-size:1.1em; font-weight:normal; line-height:1.3em; padding:0 2px 0 4px;}
.box-1 span { color:#486885;}
.box-1 .text{ padding:8px 22px 22px 0; font-size:1.1em; margin:0;}
.box-1 .it-ta { height:67px; padding:5px 8px; width:174px; margin-bottom:12px; border-width:1px !important; }
/* Contacts
------------------------------------------------------------------------------ */
.map{margin:0px}
.box-1 .contact{padding-bottom:20px;}
.box-1 .link-map{ padding:8px 22px 0px 0px;}
div.p-action p {
font-size:1.2em;
}
/*
Diet Calculator button styles
*/
.dynbutton {
-moz-box-shadow:inset 0px 10px 10px -7px #3f2b2a;
-webkit-box-shadow:inset 0px 10px 10px -7px #3f2b2a;
box-shadow:inset 0px 10px 10px -7px #3f2b2a;
background-color: #8f352c;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:3px double #fff;
display:inline-block;
color:#fff;
font-family:Arial;
font-weight: bold;
padding:3px 7px;
text-decoration:none;
cursor: pointer;
}
.dynbutton:link {
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
}
.dynbutton:hover, .dynbutton_on {
background-color:#506e8c;
color:#fff;
-moz-box-shadow:inset 0px 10px 10px -7px #012e55;
-webkit-box-shadow:inset 0px 10px 10px -7px #012e55;
box-shadow:inset 0px 10px 10px -7px #012e55;
}
.dynbutton:active {
background-color: #3C0;
color:#fff;
-moz-box-shadow:inset 0px 10px 10px -7px #012e55;
-webkit-box-shadow:inset 0px 10px 10px -7px #012e55;
box-shadow:inset 0px 10px 10px -7px #012e55;
}
.dynbutton:disabled {
background-color: #CCC;
color: #fff;
-moz-box-shadow:inset 0px 10px 10px -7px #999;
-webkit-box-shadow:inset 0px 10px 10px -7px #999;
box-shadow:inset 0px 10px 10px -7px #999;
cursor: not-allowed;
}
.dynbutton:disabled:hover {
background-color: #CCC;
color: #fff;
-moz-box-shadow:inset 0px 10px 10px -7px #999;
-webkit-box-shadow:inset 0px 10px 10px -7px #999;
box-shadow:inset 0px 10px 10px -7px #999;
cursor: not-allowed;
}
.size11 {
font-size: 11px;
}
.size13 {
font-size: 13px;
padding-top: 4px;
padding-bottom: 4px;
}
.f-form .f-generic .f-text:disabled, .f-form textarea:disabled, .f-form .f-generic select:disabled {
background-color: #ddd;
-moz-box-shadow:inset 0px 10px 10px -7px #999;
-webkit-box-shadow:inset 0px 10px 10px -7px #999;
box-shadow:inset 0px 10px 10px -7px #999;
cursor: not-allowed;
}
/* Patient Educational Links Styling */
td.drugtitle {background-color: #567391;font-size: 1.3em;font-style: italic;font-weight: bold;color: #fff;}
/* Hide Context Sensitive Help Icon */
.help-icon {display: none;}