/* Common styles used throughout the site. These are primarily redefinitions of HTML tags. */
body { font-family: arial,verdana,sans-serif; font-size: 13px; color: #555; padding: 0; background-color: #EDECE7; margin: 0; background-image: url(pics/bg_body.gif); background-repeat: repeat-x; }
p { line-height: 20px; margin: 0 0 20px 0; }
img { border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { vertical-align: top; padding: 0; border: 0; }
a { color: #0080b4; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #002868; text-decoration: none; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
h1 { font-family: verdana,sans-serif; font-size: 28px; font-weight: normal; color: #333; padding: 0; margin: 30px 0 20px 0; }
h2 { font-family: verdana,sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; color: #6c4226; padding: 0; margin: 0 0 0 0; }
h3 { font-size: 14px; font-weight: bold; color: #555; padding: 0; margin: 0 0 5px 0; }
h4 { font-family: verdana,sans-serif; font-size: 16px; font-weight: normal; line-height: 18px; padding: 0; margin: 0 0 6px 0; }
h5 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6c4226; padding: 0; margin: 0 0 10px 0; }
h6 { font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 6px 0; }

/* Primary layout styles */
#page { width: 960px; margin-left: auto; margin-right: auto; }
#header { width: 100%; }
#footer { height: 50px; margin-top: 40px; padding: 20px; }
#copyright { width: 100%; padding: 10px 0 20px 0; color: #848484; text-align: center; }
#intro { padding: 0 0 0 20px; background-color: #fff; }
#breadcrumb { width: 100%; padding: 10px 0 0 0; }
div.wrapper { width: 100%; background-color: #fff; }
div.wrapper.block { margin: 0 0 20px 0; }

#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#copyright:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#breadcrumb:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
div.wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

/* Header styles */
#header #nav_top { margin: 0 0 6px 0; }
#header #nav_top:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #nav_top #items { float: right; margin: 13px 10px 0 0; }
#header #nav_top #items ul li { float: left; font-size: 11px; color: #848484; padding: 0 0 0 11px; border-left: 1px solid #c0c0c0; margin: 0 0 0 11px; }
#header #nav_top #items ul li a { color: #848484; }
#header #nav_top #items ul li a:hover { text-decoration: underline; }
#header #nav_top #items ul li.first { border: none; }
#header #nav_top #items ul li.selected a { text-decoration: underline; }

#header #logo { margin: 0 0 0px 0px; clear: both; }/*margin: 0 0 19px 19px;*/
#header #logo #tagline { float:right; color: #002868; margin: 24px 5px 0 0; font-weight: bold; font-size: 15px;}
#header #logo #logo_img { /* max-width:330px; */ height:100px }

/* Breadcrumb styles */
#breadcrumb ul li { float: left; font-size: 10px; font-weight: bold; color: #ababab; text-transform: uppercase; padding: 0 0 0 0; margin: 0 7px 0 0; }
#breadcrumb ul li a { color: #666; padding: 0 7px 0 0; border-right: 1px solid #666; }
#breadcrumb ul li a:hover { text-decoration: underline; }

#top_notice { float: right; margin: -16px 10px 0 0; }

/* Footer styles */
#footer #nav_bottom { }
#footer #nav_bottom:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer #nav_bottom { margin-left: auto; margin-right: auto; text-align: center;}
#footer #nav_bottom  li { display: inline; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 6px; border-left: 1px solid #c0c0c0; margin: 0 0 0 3px; }
#footer #nav_bottom  li a { color: #000000; }
#footer #nav_bottom li a:hover { text-decoration: underline; }
#footer #nav_bottom li.first { border: none; }

/* Global Navigation styles */
#nav_global { width: 100%; height: 38px; border-radius: 7px 7px 0 0; background-image: url(pics/bg_navglobal.png); }
#nav_global:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#nav_global ul { padding-left: 62px; }
#nav_global ul li { float: left; height: 30px; font-family: georgia,verdana,sans-serif; font-size: 16px; cursor: pointer; padding: 8px 0 0 0; background-image: url(pics/bg_navglobal_bg.png); background-repeat: no-repeat; background-position: 0px 8px; }
#nav_global ul li a { color: #000; padding-left: 12px; padding-right: 12px; }
#nav_global ul li.aftersel { background-image: none; }
#nav_global ul li.selected { background-color: #00AEEF; background-image: url(pics/bg_navglobal_sel.png); background-repeat: repeat-x; background-position: 0px 0px; }
#nav_global ul li.selected a { color: #fff; }
#nav_global ul li:hover { background-color: #fff; background-image: url(pics/bg_navglobal_ovr.png); background-repeat: repeat-x; background-position: 1px;  }
#nav_global ul li:hover a { color: #002868; }

#nav_global ul li.right { float: right; background-image: none; padding: 2px 0 0 0; margin: 0 20px 0 0}
#nav_global ul li.right:hover { background-color: transparent; background-image: none; }
#nav_global ul li.right a { background-image: url(pics/bg_navglobal_btn_right.png); background-repeat: no-repeat; background-position: right top; padding: 0 8px 0 0; display: block; line-height: 30px; color: #fff; }
#nav_global ul li.right:hover a { color: #002868; }
#nav_global ul li.right span { background-image: url(pics/bg_navglobal_btn_left.png); background-repeat: no-repeat; background-position: left top; padding: 0 10px 0 20px; display: block; }

#nav_global ul li.border { width: 2px; height: 43px; padding: 0;  }

/* Left navigation styles */
#nav_left { width: 210px; float: left; padding: 40px 30px 0 20px; margin: 0 0 20px 0; }
#nav_left li { border-top: 1px solid #C0C0C0; padding: 10px 0 10px 1px; }
#nav_left a { color: #002868; }
#nav_left a:hover { text-decoration: underline; }
#nav_left a.selected { text-decoration: underline; }
#nav_left .nav_left_sub1 { padding: 5px 0 0 0; }
#nav_left .nav_left_sub1 li { border-top: 0; padding: 1px 0 1px 10px; list-style: disc inside; color: #00AEEF; }
#nav_left .nav_left_sub1 a { color: #00AEEF; font-weight: bold; }
#nav_left .nav_left_sub2 { padding: 0 0 5px 0; }
#nav_left .nav_left_sub2 li { border-top: 0; padding: 0 0 0 20px; list-style: none; line-height: 12px; color: #0080B4; }
#nav_left .nav_left_sub2 li:before { content: " - "; }
#nav_left .nav_left_sub2 a { color: #0080B4; font-size: 10px; }

/* Frontpage styles */
h1.frontpage-headline { margin: 30px 0 20px 74px; }
h2.frontpage-headline { margin-top: 20px; }

#frontpage-slide { background-image: url(pics/slide_1_birds.jpg); background-repeat: no-repeat; width: 960px; height: 237px; }

#frontpage-navboxes:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#frontpage-navboxes li { float: left; margin-top: -53px; }
#frontpage-navboxes .box-disabled { width: 134px; height: 205px; position: absolute; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 4; }
#frontpage-navboxes .box-top { width: 134px; height: 51px; background-color: #73afb6; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; position: relative; z-index: 3; }
#frontpage-navboxes .box-heading { width: 114px; position: relative; margin: -41px 10px 0 10px; height: 41px; color: #fff; font-size: 14px; z-index: 3; }
#frontpage-navboxes .box-icon { width: 134px; height: 125px; background-color: #73afb6; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 3; }
#frontpage-navboxes .box-nav { width: 134px; height: 29px; background-color: #faa11c; overflow: hidden; }
#frontpage-navboxes .box-nav-link { display:block; color: #fff; font-size: 13px; height: 29px; line-height: 29px; padding-left: 10px; vertical-align: middle; background-image: url(pics/icon_arrow_white.png); background-repeat: no-repeat; background-position: 110px center; }
#frontpage-navboxes #oncology-studies-box { margin-left: 130px; }
#frontpage-navboxes #oncology-studies-box .box-icon { background-image: url(pics/icon_oncology_studies.png);  }
#frontpage-navboxes #medical-index-box { margin-left: 50px; }
#frontpage-navboxes #medical-index-box .box-icon { background-image: url(pics/icon_medical_index.png); }
#frontpage-navboxes #promo-track-box { margin-left: 50px; }
#frontpage-navboxes #promo-track-box .box-icon { background-image: url(pics/icon_promo_track.png); }
#frontpage-navboxes #medical-radar-studies-box { margin-left: 50px; }
#frontpage-navboxes #medical-radar-studies-box .box-icon { background-image: url(pics/icon_medical_radar_studies.png); }

#frontpage-navboxes .box-nav a:hover { color: #5BAAA9; }

#frontpage-navboxes .box-dropdown { display: none; position: absolute; background-color: #faa11c; border-top: 1px solid #73afb6; min-width:126px; /*width: 126px;*/ padding: 4px 0 4px 8px; /*filter: alpha(opacity=90); -moz-opacity: 0.9;*/ opacity: 0.9; }
#frontpage-navboxes .box-dropdown li { float: none; margin: 0; list-style: none inside; color: #73afb6; padding: 0 0; }
#frontpage-navboxes .box-dropdown li a { color: #fff; font-size: 12px; display: inline-block; /*width: 100px;*/ min-width:100px; margin-right:10px; white-space: nowrap; }
#frontpage-navboxes .box-dropdown-close { position: absolute; margin: -3px 0 0 115px; width: 14px; background-image: url(pics/icon_arrow_top_right.png); background-repeat: no-repeat; }

/*#frontpage-navboxes .box-nav:hover .box-dropdown { display: block; }*/

#frontpage-content { margin: 60px 56px 0 74px; clear: both; }

#frontpage-infoboxes { width: 100%; margin-bottom: 40px; }
#frontpage-infoboxes td.infobox { background-color: #f4f3e3; width: 370px; padding: 15px 20px; }

/* Admin styles */
#admin_content_block { margin: 0 20px 0 20px; min-height: 350px; }
h1.admin-headline { margin-top: 10px; }

/* Content styles */
#content_mid { width: 680px; float: left; margin: 0 0 20px 0; }
#content_block { margin: 30px 0 20px 74px; }

/* Custom content (from editor) */
body.custom_content { background-color: #fff; background-image: none; padding: 5px 10px; }
.custom_content { background-color: #fff; }
.custom_content ul { list-style: disc; padding-left: 40px; margin: 10px 0; }
.custom_content ol { list-style: decimal; padding-left: 40px; margin: 10px 0; }

/* Error and info messages */
.errors { margin: 0 10px 10px 0; }
.error { border:3px solid #f18a22; padding:10px; border-radius:6px; background:url(pics/error_back.png); box-shadow: 0px 0px 10px #cccccc; margin-bottom: 5px; }
.error h3 { background:url(pics/error_arrow.gif); background-repeat:no-repeat; padding:0 0 0 20px; }
.messages { margin: 0 10px 10px 0; }
.message { border:3px solid #77ee77; padding:10px; border-radius:6px; background-color: #f5fff5; box-shadow: 0px 0px 10px #cccccc; font-weight: bold; margin-bottom: 5px; }
.message-inprogress { border-color: #ffbb33; background-color: #fffaef; }
.message-deleted { border-color: #ff5050; background-color: #fffafa; }

/* Block and box styles */
.studies-box { background-color: #F7F2DB; margin-bottom: 25px; }
.studies-box img { float: left; padding-right: 10px; cursor: pointer; }
.studies-box h3 { color: #0080b4; padding: 10px 0 5px 0; cursor: pointer; }
.studies-box p { margin-bottom: 0; cursor: pointer; }
.studies-box .box-navigation { clear: both; background-color: #98c4ca; padding: 2px 0; border-bottom: 1px solid #f98f1e; }
.studies-box .box-navigation a { color: #fff; padding: 0 22px 0 0; margin: 0 8px; font-size: 12px; background-image: url(pics/icon_arrow_orange2.png); background-repeat: no-repeat; background-position: right center; }
.studies-box .box-navigation .nolink { color: #fff; padding: 0 22px 0 0; margin: 0 8px; font-size: 12px; }
.studies-box .box-navigation-empty { clear: both; }
.studies-box .box-navigation-status { float: right; margin: 0 10px 0 0; }

.block_left { float: left; width: 400px; padding: 30px 60px 0 0; }
.block_left ul.form label { width: 150px; }
.block_left ul.form li.submit { margin-left: 170px; }
.block_right { float: left; width: 400px; }

.panel-project-box { background-color: #F7F2DB; padding: 10px; margin-bottom: 25px; }
.panel-project-box h2 { color: #0080b4; }
.panel-project-box p { margin: 10px 0 10px 2px; }

.portalblock { border: 1px solid #cccccc; padding: 5px; border-radius: 5px; margin-top: 10px; margin-bottom: 15px; clear: both; }
.portalblock p { margin: 10px 0; }
.portalblock-index h2 { text-align: center; }
.portalblock-index p.project-description { text-align: center; margin: 1px 0 10px 0; }
.portalblock-index p.project-period { font-weight: bold; margin: 0; }
.portalblock-index p.project-item { margin: 0 0 0 5px; }
.leftblock { margin-top: 15px; float: left; }

.contactblock { float: right; margin-top: 5px; margin-bottom: 20px; padding: 10px; padding-right: 40px; border: 1px solid #cccccc; border-radius: 5px; min-width: 200px; }
.contactblock p { margin: 1px 0; }

.login-box { height: 300px; }

.index-box { margin: 30px 0 40px 0; }

.project-container { margin-bottom: 5px; }

/* Form styles */
ul.form { margin: 10px 0 10px 2px; }
ul.form li { padding: 8px 20px 8px 4px; white-space: nowrap; display: block; }
ul.form label { display: inline-block; width: 200px; white-space: nowrap; vertical-align: top; padding-top: 2px; }
ul.form span label { padding-top: 0; width: auto; }
ul.form p { padding: 1px; margin: 0px; }
ul.form input.text { width: 200px; }
ul.form input.short { width: 100px; }
ul.form textarea { width: 300px; height: 60px; }
ul.form select { width: 200px; }
ul.form select.short { width: 100px; }
ul.form span { display: inline-block; }
ul.form li.submit { border-bottom: 0; margin-left: 220px; }
ul.form .submit input {}
ul.form li.subrow { border-top: 1px dotted black; margin-top: 40px; padding-top: 10px; }

.largeform label { color: grey; cursor: text; display: inline; font-size: 9px; font-weight: bold; margin-top: 3px; margin-left: 10px; opacity: 0.5; padding: 2px; position: absolute; z-index: 2; }
.largeform input.text { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #CCCCCC; border-radius: 5px; display: inline-block; font-size: 14px; margin: 3px; vertical-align: middle; padding: 10px; z-index: 1; opacity: 0.5; padding-top: 15px; width: 400px; }
.largeform input.submit { background: none repeat scroll 0 0 #FEFEFE; border: 0; padding: 8px 0px 8px 0px; margin: 0; font-weight: bold; position: relative; width: 20px; left: -30px; cursor: pointer; }

ul.compact li { padding-top: 4px; padding-bottom: 4px; }
ul.contact label { width: 100px; font-weight: bold; font-size: 12px; }

p.formintro { margin: 0 0 10px 0; }

/* Table styles */
table.report-status { width: 100%; }
table.report-status td, table.report-status th { padding: 3px 10px 3px 0; text-align: left; white-space: nowrap; }
table.report-status th { padding-top: 5px; }
table.report-status td.last { padding-right: 5px; width: 100px; }
table.report-status-with-padding { margin-bottom: 50px; }

table.patient-info { font-size: 11px; color: gray; margin-left: 0px; max-width: 650px; }
table.patient-info td, table.patient-info th { padding-left: 30px; }
table.patient-info th { font-weight: bold; }
table.patient-info .products { white-space: normal; }

tr.current { font-weight: bold; }
tr.orphan { color: gray; }

/* Record and study styles */
.cases-completed { color: green; font-weight: bold; }
.cases-inprogress { color: #f98f1e; font-weight: bold; }
.case-completed { color: green; }
a.case-completed:focus, a.case-completed:hover, a.case-completed:active { color: darkGreen; }
.case-inprogress { color: #f98f1e; }
.case-inprogress:focus, .case-inprogress:hover, .case-inprogress:active { color: darkGoldenRod; }

.study-notstarted { color: #000; }
.study-inprogress { color: #f98f1e; }
.study-completed { color: green; }

.delete-record { margin-left: 20px; color: red; font-size: 10px; }
.action-td .delete-record { margin-left: 0; line-height: 15px; }
.delete-record:focus, .delete-record:hover, .delete-record:active { color: darkRed; }

.days_left, .days_overdue { font-weight: bold; float: right; }
.days_overdue { color: red; }
.overdue { color: red; }

.period_days_left, .period_days_until_start { font-style: italic; font-size: 12px; padding-left: 18px; }

.report-status .maximize { background-image: url(pics/expand-small-silver.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; width: 12px; height: 12px; }
.report-status .minimize { background-image: url(pics/collapse-small-silver.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; width: 12px; height: 12px; }

/* Various styles */
.small-text { font-size: 11px; }

.expander { display: inline-block; text-align: center; width: 10px; font-size: 14px; vertical-align: top; font-family: monospace; }

.show-all { padding-left: 20px; }

.hidden { display: none; }
.hidden2 { display: none; }
.hidden3 { display: none; }

ul.sublist li { margin-left: 25px; margin-bottom: 5px; }

.document-item { cursor: pointer; }

img.rightside-img { border: 0; float: right; margin: 4px 4px 4px 0; }
img#visa-img { width: 160px; margin-left: 10px; }

/* Debug styles */
.debug { margin: 100px 10px 10px 10px; border: 1px solid orange; font-size: 10px; }
.debug li { padding: 3px; border-bottom: 1px dotted orange; }
.debug pre { white-space: pre-wrap; }


#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:280px;  
    width:600px;  
    background:#FFFFFF;  
    left: 400px;
    top: 150px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
   
    /* additional features, can be omitted */
    border:2px solid #6fa5e2;      
    padding:25px;  
    font-size:12px;  
    -moz-box-shadow: 0 0 5px #002868;
    -webkit-box-shadow: 0 0 5px #6fa5e2;
    box-shadow: 0 0 5px #6fa5e2;
   
}
#popupBoxClose {
    font-size:12px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#ff0000;  
    font-weight:500;      
}


.assistant_padding{
	margin-left:5px;
}

.case_no_rights{
	color:#ffffff;
}
.line_break{
	word-break:break-all;
	width:400px;
	padding-right:15px;
	padding-left:5px;
	padding-bottom:15px;
}

.report-align{
	text-align:left;
}

/* JPMDIWEB-60 - submit button specific style */
a.jp-addnew, a.jp-submit, span.jp-submitted {  
  padding: 6px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 3px 0;
  border: 1px solid black;
  border-radius: 5px;
  /*width: 105px;*/
  width: 100%;
}
a.jp-addnew {
  background-color: #00AEEF;
  color: white;  
}

a.jp-submit {
  background-color: #faa11c;
  color: white;  
}

a.jp-addnew:hover, a.jp-addnew:active, 
a.jp-submit:hover, a.jp-submit:active {
  background-color: #fff; color: #000; 
}

span.jp-submitted {
  background-color: #d8d8d8;
  color: black;  
  font-weight: bold;
}
/* JPMDIWEB-60 - submit button specific style ends */