/* -------------------------------------------------------------- */
/*	RESET
/* -------------------------------------------------------------- */
@import url('reset.css');
/* -------------------------------------------------------------- */
/*	GLOBAL
/* -------------------------------------------------------------- */
html {font-size:62.5%;}
body {background:#dee7ef url(../images/bg_repeat.jpg) repeat-x left top; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
p {padding-bottom:15px;font-size:1.3em;}
strong {font-weight:bold;}
em {font-style:italic;}
hr {border:0;height:2px;color:#ddd;background-color:#ddd;}
img.right {float:right;padding:4px;display:inline;}
img.center {display:block;margin-left:auto;margin-right:auto;}
.strong {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.noshow {display:none;}
.col2 {float:left;width:48%;padding:0 5px;}
.col3 {float:left;width:33%;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.footnote{font-size:0.9em;line-height:15px;}
/* -------------------------------------------------------------- */
/*	LINKS
/* -------------------------------------------------------------- */
a { font-family:"Trebuchet MS, Arial", Helvetica, sans-serif; font-weight:bold;}
a:link, a:visited {color:#696;text-decoration:none;cursor:pointer;}
a:hover {color:#c93;text-decoration:underline;}
a:active {color:#900;text-decoration:underline;}
/* -------------------------------------------------------------- */
/*	HEADINGS
/* -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, Sans-Serif;font-weight:bold;}
h1 {height:60px;width:250px;}	/* used for Pharmatech's logo */
h2 {font-size:1.8em;line-height:24px;letter-spacing:-1px;color:#004896;}	/* content heading */
h3 {font-size:1.6em;line-height:22px;font-style:italic;color:#7f7f7f;margin-bottom:15px;}	/* content sub-heading */
h4 {font-size:1.4em;color:#7f7f7f;margin-bottom:5px;}	/* content section heading */
h5 {font-size:1.2em;color:#004896;margin-bottom:5px;}	/* content section heading */
h6 {font-weight:bold;margin-bottom:5px;}
/* -------------------------------------------------------------- */
/*	LISTS
/* -------------------------------------------------------------- */
.list_decimal, .list_lower-alpha {margin:0 0 15px 30px;font-size:1.3em}
.list_arrow ul, .list_decimal ul, .list_lower-alpha ul {margin-bottom:0px;}
.list_arrow {margin:0 0 15px 15px;font-size:1.3em;}
.list_arrow li {padding:0 0 5px 10px;background:url(/Content/images/bullet_right-arrow.gif) no-repeat 0 5px;}
.list_decimal {list-style-type:decimal;}
.list_lower-alpha {list-style-type:lower-alpha;}
.list_decimal li, .list_lower-alpha li {padding-bottom:5px;}
/* -------------------------------------------------------------- */
/*	STRUCTURE
/* -------------------------------------------------------------- */
.border-top { width:970px;height:12px;margin:0;padding:0;background:transparent url(../images/border_top.png) no-repeat left top; }
.border-bottom { width:970px;height:12px;margin:0;padding:0;background:transparent url(../images/border_bottom.png) no-repeat left top; }
#container {margin:10px auto 0 auto;width:968px;}
#main-wrapper {overflow:auto;padding:5px 15px;color:#5d665b;background:transparent url(../images/border_repeat.png) repeat-y left top;}
#content_col1, #content_col2, #content_col3 {padding:0 5px;line-height:21px;margin-top:10px;min-height:600px;}
#content_col1 {width:100%;}
#content_col2 {width:755px;}
#content_col3 {width:600px;}
/* -------------------------------------------------------------- */
/*	HEADER
/* -------------------------------------------------------------- */
#header {margin:0 auto;width:974px;height:95px;padding-top:10px;padding-left:15px;}
/* -------------------------------------------------------------- */
/*	SUB NAVIGATION
/* -------------------------------------------------------------- */
#sub-nav {width:140px;list-style:none;background:#fff;margin-bottom:1px;display:block;}
#sub-nav li {margin:5px 0;}
#sub-nav li a{text-align:left;padding:10px 10px;font-size:1.2em;color:#5298c0;display:block;text-decoration:none;border-bottom:1px dotted #c6d9e9;}
#sub-nav li a:hover{color:#c93;}
#sub-nav li a.active, .menu li #nav-col:hover{background:#64a5bb 0px -80px no-repeat;}
#sub-nav li a span{line-height:40px;}
/* -------------------------------------------------------------- */
/*	BUTTON A
/* -------------------------------------------------------------- */		  
.button-a { background: url(../images/button-a_left.png) no-repeat; padding:0 0 0 10px;	margin:5px 10px 5px 0; }
.button-a a { height:30px;background:url(../images/button-a_stretch.png) repeat-x left top;line-height:30px;padding:0 5px;letter-spacing:3px;color:#fff;font-size: 1.2em;text-decoration:none; }
.button-a span {	background: url(../images/button-a_right.png) no-repeat;width:10px;height:30px; }
.button-a_nav-main { background-color:#b0c4de; }
.button-a_nav-main:hover { background-color:#4682b4; }
/* -------------------------------------------------------------- */
/*	BUTTON B
/* -------------------------------------------------------------- */
a.button-b {float:left;margin-right:10px; border:1px solid #aeaeae; font-size:1.3em; color:#676767;background-color:#e4e4e4; width:58px; padding:1px 0 0 0; font-weight:bold; text-decoration:none; text-align:center; height:23px;}
a.button-b:hover {background-color:#5298c0; color: #fff;}
a.button-big { width:116px; }
/* -------------------------------------------------------------- */
/*	TABLE A
/* -------------------------------------------------------------- */	
.table-a { font-size:12px;width:100%;border-collapse:collapse;text-align:left; }
.table-a th { font-size:13px;font-weight:normal;color:#039;padding:5px 8px;border-bottom:1px solid #039; }
.table-a td { border-bottom:1px solid #ccc;padding:5px 8px; }
.table-a tbody tr:hover td { color:#000000; }
/* -------------------------------------------------------------- */
/*	TABLE RATING (used currently in surveys)
/* -------------------------------------------------------------- */	
.table-rating { width:100%;border-collapse:collapse;text-align:left;margin-bottom:20px; }
.table-rating th { font-size:11px;font-weight:normal; }
.table-rating td { font-size:12px;font-weight:normal;padding:5px 8px; }
.table-rating tr.odd { background:#efefef; }
.table-rating tbody tr:hover{ background:#e6e6e6; }
.table-rating th.item, .table-rating td.item { width:200px;text-align:left; }
.table-rating th.rating { width:120px;text-align:center; }
.table-rating td { text-align:center; }
/* -------------------------------------------------------------- */
/*	MESSAGE (displays either a green or red box)
/* -------------------------------------------------------------- */
.form-message {color:#333;margin:.5em 0 1em;padding:10px;width:500px;}
.form-message p {margin:0;padding:0;}
.form-message ul { list-style-type:circle; margin-left:15px; font-size:1.2em;}
.form-message.noerrors {background:#bbffbb;border:2px solid #008000;}
.form-message.errors {background:#ffdfdf;border:2px solid #b00;}
/* -------------------------------------------------------------- */
/*	FORM A
/* -------------------------------------------------------------- */
.form-a fieldset { border:1px solid #ccc; background:#fff;padding:5px; }
.form-a legend { font-size:14px;font-weight:bolder;padding:5px; margin-left:0.5em; color:#525252; }
.form-a li { line-height:25px;font-size:12px; }
.form-a fieldset#submitForm { border-style:none; padding:0; }
.form-a label {	float:left;width:150px;margin-right:5px;text-align:right; }
.form-a input, textarea, select { padding:3px;background:#fff;border:1px solid #5298c0;font-size:11.5px; }
.form-a textarea { font-family:"Trebuchet MS, Arial", Helvetica, sans-serif; }
.form-a input:hover, input:focus, textarea:hover, textarea:focus { border-color:#004896; background:#e4f2fd; }
.form-a input.radio, input.checkbox{ border:none; background:transparent; }
.form-a input.submit { float:left;margin:5px 10px 0 0;border:1px solid #aeaeae; font-size:1.3em;color:#676767;background-color:#e4e4e4; width:60px; font-weight:bold;}
.form-a input.submit:hover { background-color:#5298c0; color:#fff;}
.form-a a.button-b { margin-top:5px; }
/* -------------------------------------------------------------- */
/*	FORM-B 
/* -------------------------------------------------------------- */
.form-b {padding:5px 0px;border:0px solid #c6d9e9;width:800px;}
.form-b .form-note {text-align:right;font-size:.9em;font-style:italic;}
.form-b fieldset {margin:0;padding:0;}
.form-b legend {margin-left:10px;padding-left:10px;font-size:1.2em;color:#004896;}
.form-b ol {list-style:none;margin:0;padding:0;}
.form-b li {margin:5px 10px;padding:0;display:inline;}
.form-b label {line-height:1.6;margin-right:10px;text-align:right;width:90px;font-size:1.2em;}
.form-b abbr {margin-left:4px;cursor:help;font-style:normal;border:0;color:#b00;}
.form-b .textField {padding:3px;width:200px;background:#fff;font-size:1.2em;border:1px solid #5298c0;outline:none;}
.form-b .textField:hover, .form-b .textField:focus {border-color:#004896;background:#e4f2fd;}
/* -------------------------------------------------------------- */
/*	FORM MISC
/* -------------------------------------------------------------- */
button.submit {border:none;width:75px;height:25px;background:url(../images/submit.png) no-repeat center center;}
button:hover.submit{background:url(../images/submit-hover.png) no-repeat center center;}
button.search {border:none;width:75px;height:25px;background:url(../images/search.png) no-repeat center center;}
button:hover.search{background:url(../images/search-hover.png) no-repeat center center;}
#form-b button.search, #form-c button.submit, #form-c button.search {padding-top:10px;}
/* -------------------------------------------------------------- */
/*	SHOW/HIDE A
/* -------------------------------------------------------------- */
.show-hide-a {margin:20px 0 0 5px;}
.show-hide-a dt:hover, dt:active {color:#900;}
.show-hide-a dt {float:left;cursor:pointer;width:759px; height:30px; margin-bottom:5px;}
.show-hide-a dt.details {background:url(/Content/images/drop-down-details.jpg) center center no-repeat;}
.show-hide-a dt .content{color:#000;padding:4px 0 0 10px;font-size:1.3em;}
.show-hide-a dd {float:left;background-color:#dce4f9; margin-left:20px;border:1px gray; font-size:0.9em; width:730px; padding:4px; padding-top:4px;z-index:1;}
.show-hide-a dd h4 {font-size:1.6em;width:95%;}
/* -------------------------------------------------------------- */
/*	LIST ITEMS
/* -------------------------------------------------------------- */
.list-items fieldset { border:1px solid #ccc; background:#fff;padding-bottom:5px; }
.list-items legend { font-size:14px;padding:5px; margin-left:1em; color:#7f7f7f; }
.list-items li { line-height:25px; clear:left;font-size:12px; }
.list-items label { width:175px; margin-right:5px; text-align:right;  }
.list-items .value {  max-width:550px; }
/* -------------------------------------------------------------- */
/*	PATIENT INTERACTION
/* -------------------------------------------------------------- */
.list-items fieldset.interaction { border:1px dotted red; }
.list-items fieldset.interaction legend { color:Red; }
/* -------------------------------------------------------------- */
/*	LIST ITEMS B
/* -------------------------------------------------------------- */
.list-items-b fieldset { border:1px solid #7f7f7f; background:#fff;padding:10px 0; }
.list-items-b legend { font-size:1.5em;padding:5px; margin-left:1em; color:#7f7f7f; font-weight:bold; }
.list-items-b li { line-height:25px; clear:left; }
.list-items-b label { width:200px; margin-right:5px; text-align:right; font-size:1.2em;}
.list-items-b .value {  max-width:575px; font-size:1.3em; }
/* -------------------------------------------------------------- */
/*	LIST ITEMS C
/* -------------------------------------------------------------- */
.list-items-c li { line-height:25px; clear:left; }
.list-items-c label { width:125px; margin-right:5px; text-align:right; font-size:1.2em;font-weight:bold;}
.list-items-c .value {  max-width:575px; font-size:1.3em; }
/* -------------------------------------------------------------- */
/*	SITEFINDER
/* -------------------------------------------------------------- */
#legend { width:140px; background:#eee; list-style:none: padding:0; border:1px solid blue; font-size:1.2em;margin-bottom:10px;}
#legend li { padding:0 5px; }
#legend li img {padding-right:10px; }
#sitefinder-map { width:100%; height:600px; }
#sitefinder-list { width:140px;height:600px;background:#eee; list-style:none:padding:0;}
#sitefinder-list li { padding:5px; }
#sitefinder-list li:hover {background:#555; color:#fff; cursor:pointer; cursor:hand; }
#slide-panel-container { position:absolute;z-index:100;margin-top:77px; }
#sites-panel {float:left;margin:0;padding:0;width:140px;display:none;position:relative;z-index:10;height:600px;overflow:auto;background:#eee;}               
.slide { float:left;margin:0 0;border-left:solid 2px #5298c0; }
.button-slide { height:470px;width:34px;padding:0;margin:115px 0 0 0;display:block;text-decoration:none; }

#header_username {color:#5d665b;font-size:1.1em;margin:10px 10px 0 0;}
#header_links ul {list-style:none;margin-left:50px;width:600px;text-align:right;font-size:1.0em;}
#header_links ul li {display:inline;padding:0 10px;border-right:1px solid #5d665b;}
#header_links ul li.last {border-right:none;}
#header_links a:link, #header_links a:visited, #header_links a:hover, #header_links a:active {color:#5d665b;text-decoration:none;}
/* -------------------------------------------------------------- */
/*	SELECT LIST (long horizonatal image bar)
/* -------------------------------------------------------------- */
.select-list li { cursor:pointer;width:759px;height:30px;margin-bottom:5px;background:url(/Content/images/drop-down-select.jpg) center center no-repeat; }
.select-list li .content{color:#000;padding:4px 0 0 10px;font-size:1.3em;}
.select-list li  a { color:#000;text-decoration:none;font-weight:normal;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
/* -------------------------------------------------------------- */
/*	MISC
/* -------------------------------------------------------------- */
#breadcrumbs { font-size:1.2em; }