/*
Colours:
Headers: #007AC3;
Info/Teaser: #28578D
Buttons: #C93031
Text: #404040
Background: #fdbe0f
Header: #3C4B5A
Menus: #007AC3
Alerts: #cc3300
Hyperlinks: #62B945
*/


input[type="text"][disabled]:active,
input[type="text"][disabled]
{
  color: black;
  background-color: Black;
}


html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
.button {
margin-right: 10px;
}

/*For top right*/
.visibleDiv
{
    top: 10px;
    right: 10px;
    background: #ffdab9;
}


/* 'Jello Mold' page construction technique based on http://www.positioniseverything.net/articles/jello.html */
body
{
    margin: 0;
    padding: 0 340px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif; /*font-size:76%;*/
    font-size: 80%;
    background-color: #ffffff;
    color: #404040;
}



h1, h2, h3, h4, h5, h6 {color:#007AC3;} 

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin: 0;
	font-size: 1.6em;
	font-weight: normal;
}
h2 {
	margin: 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {
    margin: 2em 0;
    line-height:1.4;
}
a {
	text-decoration:underline;
	color:#62B945;
    background-color:inherit;
    font-weight:bold;
}

th a:link
{
    color: White;
    
    	text-decoration:underline;
	background-color:inherit;
    font-weight:bold;
}

a:hover 
{
    text-decoration:none;
	color:#62B945;
}

a img 
{
    border:0;
}
#sizer {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 94%;
	max-width: 940px;
	background-color:transparent;
}
#expander {
	min-width: 680px; /* Critical Safari fix! */
	position: relative;
	margin: 0 -340px  0 -340px;
	background-color:transparent;
}


/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

#wrapper { 
	width: 100%; /* helps IE get the child percentages right. */
	text-align:left;
	background-color:#FFFFFF;
} 

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#leftcolumn{ 
	float:left;
	
	margin-right:-3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/
	background-color:#FFFFFF;
	font-size:0.9em;
 }


html>body #leftcolumn{margin-right:0;}

#leftcoltop{
	height:25px;
	border-bottom:15px solid #FFFFFF;
	background-color:#cccccc;	
}

#leftbarcontainer
{
    background-color: transparent;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 4em;
}
#subnav
{
    overflow: visible;
}

#subnav a {text-decoration:none;}
#subnav p
{
    margin-left: 5px;
    margin-top: 0px;
}
#subnav a:hover {text-decoration:underline;}
#subnav .menu
{
    padding: 1em 1px;
    background-color: #ffffff;
    width: 125px;
    color: #ffffff;
    font-weight: bold;
}
#subnav .menuDynamic
{   
    padding: 1em 1px;
    background-color: #ffffff;
    width: 125px;
    color: #ffffff;
    font-weight: bold;
}
#subnav .item
{
    padding: 0.25em;
    background-color: #f4f4f4;
    color: #007AC3;
    font-weight: bold;
    border-left: solid 4px #cccccc;
}

#subnav .selected
{
   
    background-color: #3C4B5A;
    color: #FFFFFF;
    font-weight: bold;
    border-left: solid 4px #4CC9E9;
}
#subnav .hover
{
    
    background-color: #f4f4f4;
    color: #007AC3;
    font-weight: bold;
    border-left: solid 4px #FDBE0F;
}
#subnav .itemDynamic
{
    padding: 1em 1px;
    background-color: #f4f4f4;
    color: #007AC3;
    font-weight: bold;
    border-left: solid 4px #cccccc;
}
#subnav .selectedDynamic
{
    padding: 1em 1px;
    background-color: #f4f4f4;
    color: #007AC3;
    font-weight: bold;
    border-left: solid 4px #4CC9E9;
}
#subnav .hoverDynamic
{
    padding: 1em 1px;
    background-color: #f4f4f4;
    color: #007AC3;
    font-weight: bold;
    border-left: solid 4px #FDBE0F;
}
.leftbaritem {padding:2em 0.5em;}

#rightcolumn{
	float:right;
	width:182px;	
	margin-left:-3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/
	background-color:#FFFFFF;
	font-size:0.9em;
}

html>body #rightcolumn{margin-left:0;}

#rightcoltop{	
	height:20px;
	padding:0 1em 5px;
	border-bottom:15px solid #FFFFFF;
	text-align:right;
	color:#FFFFFF;
	background-color:#FFFFFF;
}

#rightcoltop a {color:#FFFFFF;}

#searchbox {
	position:relative;	
	height:130px;
	padding:5px 0.5em;
	background-color:transparent;
}
#searchbox div {
    position:absolute; 
    bottom:0.5em; 
    text-align:right;
}
#rightbarcontainer {
	padding:4em 0.5em;
	background-color:transparent;
	height: 100%;
}

.rightbaritem
{
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0em;
    padding-top: 0.5em;
}
table.help
{
    padding: 0px;
    font-size: smaller;
    background-color: #C6D5E5;
    border: solid thin #007AC3;
}

#centercolumn
{
   margin-top:2em;
   height: auto;
   background-color: #ffffff;
}
html>body #centercolumn {
	height:auto;
}

#topbanner
{
    background: #3575AE;
    color: #ffffff;
    height: auto;
    margin-top: -1px;
    padding: 10px 10px 5px 10px;
}

#topbanner h1 {color:#ffffff;}
#topbanner h2 {color:#ffffff;}
#topbanner h3 {color:#ffffff;}
#mainnav
{
    /*height: 20px;*/
    background-color: #FFFFFF;
    font-size: 1em;
    /*background-position: bottom left;*/
}

#mainnav a {color:#FFFFFF;} /*007AC3*/

#mainnav a:hover
{
   
}

#mainnav table {text-align:right;}

#mainnav .item
{
    border-top: 3px solid #007AC3;
    font-weight: bold;
    color: #007AC3; /*background-color: #FFFFFF;*/
    margin-top: 1px;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0px;
    padding-top: 1px;
}

html>body #mainnav .item {padding:1px 0.5em;}

#mainnav .hover
{
    border-top: 3px solid #FDBE0F;
    margin-top: 0px;
}

#mainnav .selected
{
    border-top:3px solid #4CC9E9;
    color: #FFFFFF;
    background-color: #3C4B5A;
    margin-top: 0px;
}
#header
{
    position: relative;
    height: 140px;
    background-color: transparent;
}
#maincontent {
	padding:0.5em;
	background-color:transparent;
	height: 100%;
}
#maincontent .teaser {
	margin:-0.7em 0;
	color:#28578D; /*E02D28*/
}

#maincontent table tr td {padding: 0.5em 0.5em; vertical-align:text-top;}

#maincontent fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #505050;
}
#maincontent legend
{
    color: white;
    background-color: #28578D;

     font-weight: bold;
    font-size: 1.2em;
   padding: 5px;
}

* html #maincontent legend {padding:0.5em;}

#maincontent caption {
    text-align:left; 
    font-weight:bold;
}

html>body #maincontent .txtBox{font-size:1.2em;}

#maincontent .txtBox {background-color:white; margin-bottom:2px;}   
#maincontent .txtBox:focus {background-color:white;}
#maincontent .ddl {background-color:#F4F7FA;
	height: 20px;
}
#maincontent .ddl:focus {background-color:#FFFFFF;}

.txtBox {
    border: 1px solid #505050;
    font-size:1em;
    background-color:#FFFFFF;
}
.button
{
    border: 2px solid black;
    color: #FFFFFF;
    background-color: #C93031;
    font-size: medium;
}   

.buttonActive
{
    color: #FFFFFF;
    background-color: #0000FF;
    font-size: smaller;
    padding-bottom: 5px;
}   

.ddl
{
    border: 1px solid #505050;
    font-size:1em;
} 


.CalTodayDay
{
    color: #666666;
    background-color: #EAEAEA;
    border: #990000 2px solid;
}
.CalDay
{
    color: #666666;
    background-color: #EAEAEA;
    border: White 1px solid;
}
.CalDayHeader
{ 
    color:#007AC3; 
}
.CalSelectedDay
{ 
    font-weight:bold;
    color:#333333;
    background-color:#FAAD50;
}
.CalWeekendDay
{ 
    color:White;
    background-color:#BBBBBB;
    border: White 1px solid;
}
.CalOtherMonthDay
{ 
    color:#666666;
    background-color:White;
}
.CalHighlight
{
    background-color:#FDBE0F;
}

.imgfloatright {
    float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
div.readmore {
	text-align:right;
}
#footer{
    margin:2px;
    padding:0.5em;
    font-size:smaller;
}

#footer a {padding:0 0.5em;}

table.genLayout
{
    padding: 0px;
    margin: 0px 16px 0px 0px;
    border-collapse: collapse;
    width: 100%;
}
table.key
{
    background-color: #ffffff;
    margin: 1px;
    margin-top:50px;
}
table.layout
{
    padding: 0px;
    border: none;
    margin: 0px;
    border-collapse: collapse;
  /*  width: 100%;
*/
}
table.layout tr td
{
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}

table.layout td.buttons
{
    text-align: right;
}

.aewarn   {
  border: 3px solid #FF0000;
  font-weight:bold;
}

.ValErr
{
    color: #E02D28;
}

tr.info
{
    font-weight: bold;
    font-size: 1.2em;
    background-color:#28578D;
    color: white;
    margin: 5px;
    font-family:Arial;   
}



.commentbox{
background-color: #ececec;
padding: 5px 5px 5px 20px;  
  background-image: url(/App_Themes/icons/information.png);
     background-repeat: repeat-y;
     background-position: right top;
}

.commentfooter{
background: url(/App_Themes/images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
font-size: 90%;
color: #4A4A4A;
}



table.alert
{
    font-weight: bold;
    color: white;
    background-color: #cc3300;
    margin: 5px;
    vertical-align: middle;
    text-align: center;
}
tr.alert
{
    font-weight: bold;
    color: white;
    background-color: #cc3300;
    margin: 5px;
    vertical-align: middle;
    text-align: center;
}
td.alert
{   
    font-weight: bold;
    color: white;
    background-color: #cc3300;
}
table.SubjectInfo
{
    margin: 5px 0px 15px;
    width: 100%;
    border-collapse: collapse;
    border: none;
    background-color: #ffffff;
    color: #505050;
}
table.dsmb
{
    width: 95%;
    vertical-align: top;
    text-align:left;
    border-collapse: collapse;
    border: solid 1px #003366;
}
.outlineTopRow
{
	color: white;
	padding: 0px;
	border:1px  #003366;
	background-color:#003366;
	border-top: 1px #003366;
	border-right: 1px  #003366;
	border-bottom: 1px  #003366;
	border-left: 1px #003366;	
	width: 100%;
}
.lbls {
border: solid 1px #2f5499;
background-color: #fff;
color: #000;
text-align: center;
padding: 1px;
height: 5px;
}
	#maincontent .alignR {float:right;}
    #maincontent .label .lblNoData {border: 1px solid #CC3300; font-weight:bold; color:#E02D28; padding: 5px 20px;}
.flyout-background 
{
    visibility:hidden;
	border: 1px solid #009;
	margin: 0px!important;
	padding:0;
	background-color: #fff;
	text-align: left;
	height:auto;
	overflow:auto;
	
}

.flyout-item {
	color: #FF0000;
	background-color:#fff;
	padding:3px;

}

.flyout-item-hover {
	background-color:Highlight;
	/*color:HighlightTxt;*/
	padding:3px;
}

.behind 
{
    background-color:Transparent;
   
}
.hide 
{
    visibility:hidden;
}
.saewarn 
{
    background-color:#505050;
    color:#fff;
}
.SortHeaderRowStyle
{
    background-color: #336699;
    text-align: left;
    font-weight: bold;
    color: white;
}
.QRowStyle
{
    background-color: #EFF3F8;
    text-align: left;
}
.instruction
{
    font-weight: bold;
    background-color:#4CC9E9;
    color: white;
    margin: 5px;
    padding:5px 10px;
    
}
.group 
{
    background-color:#d1d1d1;
}
.TrialTermReasonOther {
 display:block;
  margin-top:30em;
}
.txtdose 
{
    width:80px;
}
.dbError {
    color:Red;
    border: 1px solid red;
    text-align:center;
    font-weight:bold;}
table tr td {
    vertical-align:text-top;
}
.underline {
	text-decoration:underline;
}
.white
{
    color: white;
}

.gridview 
{
    border: solid 1px #3C4B5A;
    color:Black;
    background-color: White;
    margin-top:1em;
    padding: 1;
    vertical-align: top;
}
.gvHeader
{
    color: White;
    background-color: #3C4B5A;
    font-weight: bold;
    text-align: center;
}
.gvFooter
{
    color: Black;
    background-color: White;
}

.gvRow
{
    /*background-color: #B8CCE4;*/
        background-color: #EAF4FF;
}
.gvAltRow
{
    background-color: #DBE5F1;
}
.gvSelRow
{
    color: Black;
    background-color: #FDBE0F;
    font-weight: bold;
}
.gvPager
{
    color: White;
    background-color: #3C4B5A;
    text-align: Right;
}
.wz
{
     border: solid 1px #3C4B5A;
}
.wzSideBar
{
    color: #007AC3;
    background-color: #f4f4f4;
    vertical-align: top;
    font-weight: bold;
    text-decoration: none;
}
.wzSideBarButton
{
    color: #007AC3;
    border-left: solid 4px #cccccc;
    text-decoration: none;
}
.wzSideBarButton:hover
{
    color: #007AC3;
    background-color: #f4f4f4;
    text-decoration: underline;
    border-left: solid 4px #FDBE0F;
}
.wzSideBarButtonSelected
{
    color: #007AC3;
    background-color: #f4f4f4;
    text-decoration: none;
    border-left: solid 4px #4CC9E9;
}
.wzHeader
{
    color: #007AC3;
    background-color: White;
    font-weight: bold;
}
           
.demo
{
    color: #fdbe0f;
}
.modalbg
{
    background-color: #808080;
	/*filter: alpha(opacity=50);
	opacity: 0.5;
*/
}
.modalBox
{
    background-color: #fff;
    padding: 3px;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;  


}
.detail
{
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
	overflow: auto;
	min-width: 60%; 
	width:500px;
	min-height: 60%;
	height:300px;


	
}


table.doctable
	{
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
    width: 100%;
}
table.doctable th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.doctable td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.doctable a 
{
    text-decoration:none;
}

.altRow {
	background-color:#e0e0e0;
}
@media print 
{

	body {
		margin:0;
		padding:0;
		font-size:10pt;
		line-height:10pt;
		background:#FFFFFF !important;
	}
	#sizer {
		margin:0;
		width:auto !important;
	}
	#expander {
		margin:0 !important;
		background:none;
	}	
	#wrapper {
		border:none;
		background:none;
	}	
	a {
		color:#666666; 
		text-decoration:underline;
	}

	#mainnav, #footer, #breadcrumbs, #leftcolumn, #rightcolumn, #maincontent h2:before {display:none;}	
	
	#centercolumn {
		width:100%;
		margin:0 !important;
		background:none;
	}
	
	#header {
		margin:0; 
		border:none;
		height:auto;
		background:none;
	}	
	
	/*Turn off the transparent gif logo as it looks rather unsightly on paper. */
	#header img {display:none;}
	
	#maincontent {
		margin:0; 
		border:none;
		background:none;
	}
	
	#maincontent .teaser {font-style:italic;}
	
	#maincontent fieldset {border:none;}
	
	#maincontent .txtBox {background:none;}
	
    
    .gridview {font-size: 8pt;}
    .button {display:none;}
    .demo
    {
        color: black;
    }
}
#DetailsForm
{
overflow:scroll;
}

/*Start Document Manager*/
.documentcategories{
width:90%;
display:inline-block;
background-color:Silver;
padding:3px;
border:1px solid #666;
}

.lbtImg img{
border:none;
}


.ValErr
{
       color: red;    
      background-image: url(/App_Themes/icons/exclamation.png);      
      background-repeat: no-repeat;
      background-position: left top;
      padding-left:20px;

}
.valError
{
       color: red;    
      background-image: url(/App_Themes/icons/exclamation.png);      
      background-repeat: no-repeat;
      background-position: left top;
      padding-left:20px;    


}
.valAdvice
{
       color: black;
      background-image: url(/App_Themes/icons/information.png);
      background-repeat: no-repeat;
      background-position: left top;
      padding-left:20px;
      padding-bottom:3px;
     font-size:0.9em;
      
}