@import url('../../App_Themes/AAHSD/fonts.css');

/* 
Sitefinity pagelayouts ids:
pgBody
pgheader
pgBreadcrumbTitle
pgContent
pgDisclaimer
pgFooter
*/

/* temporary modal pop - remove after Aug 2022 */
.RADWndInterview span.rwIcon {
    display: none;
}
.RADWndInterview .rwTitle {
    padding-left: 10px!important;
}

/* disabled control style */
input[disabled] {
    background-color: #ffffff !important;
    border-color: #cad3d9 !important;
    color: #7d868c !important;
}

select[disabled] {
    background-color: #ffffff !important;
    color: #7d868c !important;
    border: 1px solid #cad3d9 !important;
    height: 40px !important;
}

/* start session control */
.radSessionTimeout {
    border: 1px solid #c2c2c2;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: #c2c2c2 1px 5px 8px;
    -moz-box-shadow: #c2c2c2 1px 5px 8px;
    -webkit-box-shadow: #c2c2c2 1px 5px 8px;
}
#continueSession {
    font-size: 1em !important;
}
#continueSession_input {
    color: #0079c1;
    font-size: 1em !important;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0px 10px;
    -webkit-appearance: none;
}     
#continueSession_input:hover {
    outline: 0;
    -moz-outline-style: none;
    color: #fff;
    background-color: #0079c1;
    font-weight: bold;
    cursor: hand;        
}
.RadNotification_MetroTouch .rnTitleBar {
    background-color: #00305e !important;
    height: 2.1em !important;
}     
.RadNotification_MetroTouch .rnTitleBarTitle {
    background-color: #00305e !important;
    height: 1.6875em !important;
    padding-left: 10px;
    width: 90% !important;
}        
.RadNotification_MetroTouch .rnTitleBarIcon {display: none !important;}               
/* end session control */  

.RadGrid .rgPagePrev:before {content: "Previous";}
#grdSearch .rgPagePrev:before {content: "Previous";}

.radWindowbttns {
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    width: 172px;
    max-width: 96%;
    cursor: pointer;
    border: medium none;
    margin: 0px 5px 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 12px 10px 10px 10px;
    background-color: #008DC5 !important;
}

.radWindowbttnRtnToDashboard {
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    width: 185px;
    max-width: 96%;
    cursor: pointer;
    border: medium none;
    margin: 0px 5px 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 12px 10px 10px 10px;
    background-color: #008DC5 !important;
}

.bar {vertical-align: top; font-size: 16px;}

.pgBody {					
	font: 14px Arial,Helvetica,sans-serif;
	color: #455660;
	position: relative;	
	margin: auto !important;
    width: 96% !important;
}

.plainPgBody {
    font: 14px Arial,Helvetica,sans-serif;
	color: #455660;
	position: relative;	
	margin: auto !important;
    width: 98% !important;
}

.contentHeader {
    font-weight: bold !important;
    color: #00305E !important;
    font-size: 20px !important;  
    line-height: 40px;  
}

.studyName {
    font-weight: bold;
    color: #55B800;
    font-size: 20px;  
    line-height: 40px;      
}

.contentBody {
    color: #00305E !important;
    font-size: 20px !important;    
}

.contentBody:hover {text-decoration:none !important;}
.contentBodyItalic:hover {text-decoration:none !important;}

.contentBodyItalic {
    color: #00305E !important;
    font-size: 18px !important;    
    font-style: italic;
}

.pgBreadcrumbTitle, .pgContent, .pgDisclaimer, .pgFooter {width: 75% !important; margin: auto !important; }
.plainPgBreadcrumbTitle, .plainPgContent, .plainPgDisclaimer, .plainPgFooter {width: 98% !important; margin: auto !important; }

.topNavLinks {
    cursor: pointer;
    color: #fff;
}

a, a:link { color: #0079c1; outline: 0; text-decoration:none;}
a:hover, a:active, a:focus { outline:0; }
a:hover { text-decoration:underline !important; }
a:focus { border:0; outline:0; }
a:visited { font-weight:normal; }
a img { border:none; }
                    
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family:Arial, Helvetica, sans-serif !important; color: #455660;}

h1 {
    font-size: 32px;
    color: #455660;
    padding: 0px;
    margin: 15px 0px;
}

h1.pgTitle {line-height: 0.85em;} 

.snglArrwBlt li {
    margin: 0px;
    list-style: outside none none;
    text-indent: -1.2em;
}
	     
.snglArrwBlt li:before {
	content: "\003e \0020";
    font-weight: bold;
    color: #00305E;
    font-size: 28px;  
    line-height: 25px;  	
}

.dblArrwBlt li {
    margin: 0px;
    list-style: outside none none;
    text-indent: -1.2em;
}

    
.dblArrwBlt li:before {
	content: "\00BB \0020";
    font-weight: bold;
    color: #00305E;
    font-size: 18px;  
    line-height: 25px;  	
}

.hide {
 visibility:hidden; 
}

p.small {
    line-height: 1.1;
}

p.big {
    line-height: 25px;
}

/* header */
#logo {
    float: left;
    position:absolute;
    border-style:none !important;
    width: 350px;
    height: 95px;
    margin-left: 0px;
    margin-top: -100px;
}

#AVMAheader a {
text-decoration:none !important;
}

#AVMAheader	{		
	background: transparent url(/App_Themes/AAHSD/_img/avma-logo.png) no-repeat top left; 
	position:relative;		
	padding-top: 100px;
	margin-top: 5px;	
	min-width: 350px;	
}

#headerContent {margin: 5px auto; width: 75%; vertical-align:top;}
#leftHeader {width: 45%; float:left;}
#rightHeader {width: auto; float:right;}
.nameplateContent {font-weight: bold;}
#rightHeaderLogin {text-align: right;}

#main-nav {
	font-family:"MyriadProCond","Arial Narrow",Arial,Helvetica,sans-serif;
	background-color: #00305E;
	height:auto; 
	position:relative;
	margin: 0;	
	vertical-align:bottom;
	font-size: 18px;	
	color: #fff;
	padding-bottom:3px;
}
#main-nav-inner { 
	position:relative; 
	vertical-align:bottom;
	padding-top: 4px;
    padding-left: 5px;	
	width: 75%;
    margin: auto;
}

#main-nav-shadow {
	background:url(/App_Themes/AAHSD/_img/header-shadow2.png) repeat-x top center;
	position:relative;
	height:15px; 
	margin: 0;	
}

#breadcrumb{
    color: #777;
    font-weight:bold;
    white-space: nowrap;
}

#breadcrumb a {
    text-decoration: underline !important;
}

#breadcrumbNav {
    color: #777;
    font-weight:bold;
}

#breadcrumbNav a {
    text-decoration: underline !important;
}

#bodyContent {margin: 0px auto; width: 100%; vertical-align:top;}
#leftContent {width: 34%; float:left;}
#rightContent {width: 64%; float:right;}
#contentForm {padding-left: 100px; padding-top: 25px;}
#lblCompliance {float: left; padding-right: 20px;}
#leftContentEditStep {width: 25%; float:left; padding: 20px 20px; background-color: #f1f2f2; white-space: nowrap; min-width: 205px; max-width:220px;}
#rightContentEditStep {width: 67%; float:right;}
#divContinue {padding: 50px 0px 30px 340px!important;}

#Disclaimer {background-color: #EEE;}
#Disclaimer p {color: #455660; padding: 0px 25px;}
#Disclaimer hr {background-color: #00305E; height: 4px;}

#Footer {text-align: center; color: #475560; padding-top: 25px; font-weight:bold; border-top: 5px solid #00305e; font-size: 12px;}

#Footer a {text-decoration: underline !important;}

.clr {clear: both;}

.reqrd {
    color: Red;
    vertical-align: middle;
}

.reqrd3rows {
    color: Red;
    vertical-align: middle;
    margin-top: 15px;
    position: absolute;    
    padding-left: 1px;
}

.reqrdChkSpecies {
    color: Red;
    vertical-align: middle;
    float: right;
    margin-top: -95px;
    margin-right: 250px;
}

.reqrdChkFunding {
    color: Red;
    vertical-align: middle;
    float: right;
    margin-top: -100px;
    margin-right: 230px;
}

.reqrdChkDates {
    color: Red;
    vertical-align: middle;
    padding-left: 25px;
}

.reqrdChkLoc {
    color: Red;
    vertical-align: middle;
    float: right;
    margin-top: -40px;
    margin-right: 400px;
}

.reqrdStudyCom {
    color: Red;
    vertical-align: middle;
    float: right;
    margin-top: 0px;
    margin-right: -238px;
}

.reqrdPhone {
    color: Red;
    vertical-align: bottom;
}

.reqrd img, .reqrd3rows img, .reqrdDesc img, .reqrdDescNar img, .reqrdDescInt img, 
.reqrdChkSpecies img, .reqrdChkFunding img, .reqrdChkDates img, .reqrdChkLoc img, 
.reqrdStudyCom img {vertical-align: middle;}

.incMessage {color: Red;}

/* Scientific/Classification Page Contents */
.leftContentScientific, .leftContentClassification, .leftContentOutcomes, .leftContentKeyword, .leftContentCompliance, .leftContentUpload, .leftContentURL, .leftContentLbl, .leftContentDesc {float: left;}
.rightContentScientific, .rightContentOutcomes, .rightContentKeyword, .rightContentUpload, .rightContentURL, .rightContentLbl, .rightContentDesc {width: 80%; float: right; white-space: nowrap;}
.rightContentClassification {width: 81%; white-space: nowrap;}
.rightContentCompliance {width: 80%; white-space: nowrap;}
/* End Scientific/Classification Page Contents */

/* Page Content Controls */

/* start telerik:RadWindow - title icon images */
.RadWindow_Silk .rwTable .rwControlButtons li a {
    background-image: url('/App_Themes/AAHSD/_img/.RadWindow_Silk.rwTable.rwControlButtons-li-a.png') !important;    
}
.RadWindow_MetroTouch .rwTable .rwControlButtons li a {
    background-image: url('/App_Themes/AAHSD/_img/.RadToolTip_MetroTouchtable.rtWrapper-tr-td-a.rtCloseButton.png') !important;    
}
.RadWindow_Silk .rwTable .rwTitlebarControls .rwIcon {
    background-image: url('/App_Themes/AAHSD/_img/.RadWindow_Silk.rwTable.rwTitlebarControls.rwIcon.png') !important;
}    
.RadWindow_MetroTouch .rwTable a.rwIcon {
    background-image: url('/App_Themes/AAHSD/_img/.RadWindow_MetroTouch.rwTable-a.rwIcon.png') !important;
}   
.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    background-image: url('/App_Themes/AAHSD/_img/.RadTreeView.rtPlus.rtMinus.png') !important;
}   
.RadWindow_MetroTouch .rwTitleBar {height: 40px;}
.RadWindow_MetroTouch .rwTitleWrapper .rwTitle {
    color: #fff;
    height: 30px;
    color: white;
    font-size: 22px;
    font-weight: normal;
    padding: 5px 0 0 40px;
}
.RadWindow_MetroTouch li.rwListItem .rwCommandButton {
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    margin: 0 2px;
}
.RadWindow .rwCommandButton {
    position: relative;
    display: inline-block;
    width: 1.57142857em;
    height: 1.57142857em;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: .14285714em;
    text-decoration: none;
    vertical-align: top;
    background-image: none !important;
}
.RadWindow .rwCloseButton::before {
    content: "\E038";
    font-size: 22px;
    font-family: "TelerikWebUI";
}
.RadWindow .rwIcon::before {content: "";}
.RadWindow .rwIcon {top: 4px; left: 9px; margin: 0}
}
/* end telerik:RadWindow - title icon images */

/* Login b login control */
.data-form{
    border: 1px solid rgb(69, 86, 96);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    box-shadow: 3px 3px 5px 1px #455660;
    -webkit-box-shadow: 3px 3px 5px 1px #455660;
    -moz-box-shadow: 3px 3px 5px 1px #455660;     
    padding: 15px 15px 20px 15px;
    width: 250px;
    margin: 20px 0px 50px 100px;  
}
/* Login b login control -updated */
.loginTop {margin-top: 40px;}
.data-form-login{
    border: 1px solid rgb(69, 86, 96);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    box-shadow: 3px 3px 5px 1px #455660;
    -webkit-box-shadow: 3px 3px 5px 1px #455660;
    -moz-box-shadow: 3px 3px 5px 1px #455660;     
    padding: 15px 15px 20px 15px;
    width: 250px;
    margin: 20px 0px 50px 100px;  
    height: 222px;
}
.data-form-login #tblLoginSec {width: 320px!important;}
.data-form-login #loginIdDiv {width: 100px;}
.data-form-login #tdIDMessage, .data-form-login #lblPWDMessage {padding: 7px 47px 7px 0px;}
#tdLblError { padding-bottom: 5px; text-align: right; height: 15px;}
.data-form-login .loginError {display: block; padding-bottom: 20px; width: 270px;}
#accoundSrch {
    margin-top: -85px;
    position: absolute;
    /*margin-left: 194px;*/
    margin-left: 255px;
    font: 14px Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#chkRememberMe {margin-top: 17px; display: none;}


#lblID, #lblPWD {
    font: 14px Arial,Helvetica,sans-serif;
    padding-right: 5px;
}

label[for=chkRememberMe] {
    font: 14px Arial,Helvetica,sans-serif;
    vertical-align: top;
    padding-top: 15px;
    position: absolute; 
    display: none;   
}

#cmdLogin {
    height: 36px;
    padding-left: 0px;
    top: -20px;
}

#cmdLogin_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    background-color: #008dc5;
    border: none;
    width: 162px;
    min-width: 162px;
    max-width: 162px;
    cursor: pointer;
    padding: 7px 5px 7px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 36px;
}

/*#cmdLogin_input:hover {text-decoration: underline!important;}*/

/* controls uses dynamic IDs - login textboex  */
#C001_txtUserID, #C001_txtPassword, 
#C002_txtUserID, #C002_txtPassword,
#C003_txtUserID, #C003_txtPassword, 
#C004_txtUserID, #C004_txtPassword {
    width: 145px;
    max-width: 100%;
    height: 30px;
    background-color: #E6F7FD;
    border: 1px solid #BCE1EF;
    font-size: 14px;
    color: #455660;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}
/* end Login b login control */

/* button controls */
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;	
	-moz-opacity: 0;
	-webkit-opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label 
{
    border: medium none;
    margin: 0px 5px 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    border-radius: 2px;
    font-family:Arial;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background-color: #008DC5 !important;
    display: inline-block;
    cursor: pointer; 
    padding: 12px 5px 10px;
    width: 150px;
    text-align: center;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #008DC5 !important;
}

.recHistory {
    border: 1px solid #008DC5 !important;
    margin-left: 29px; 
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;       
    font-family: Arial, Helvetica, sans-serif !important; 
    font-size: 16px;
    font-weight: 700;
    background-color: #E6F7FD !important;
    display: inline-block;
    cursor: pointer; 
    padding: 10px 3px;
    width: 140px;
    text-align: center;
}

.Selectfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;	
	-moz-opacity: 0;
	-webkit-opacity: 0;	
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.Selectfile + label {
    border: 1px solid #008DC5;
    margin: 0px 5px 10px 0px; 
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;       
    font-family: Arial, Helvetica, sans-serif !important; 
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: #E6F7FD !important;
    display: inline-block;
    cursor: pointer; 
    padding: 9px 5px 9px;
    width: 200px;
    text-align: center;
    color: #008DC5;
}

#RadButton2{padding-left: 0px;}
#RadButton2_input {
    color: #FFF !important;
    padding: 3px 5px 5px 5px;
    background-color: #008DC5;
    height: auto;
    font-weight: bold !important;
}
  
#RadButton2_input:hover {text-decoration: underline;}    

#radBtnContinue_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    min-width: 175px;
    max-width: 175px;
    cursor: pointer;
    border: medium none;
    margin: 0px 0px 10px 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    background-color: rgb(0, 141, 197) !important;
    width: 175px;
    padding: 12px 10px 10px;
    height: 42px;
}

#radBtnContinue_input:hover {text-decoration: underline;}

#radBtnContinueStart_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    min-width: 220px;
    max-width: 220px;
    cursor: pointer;
    border: medium none;
    margin: 0px 0px 10px 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    background-color: rgb(0, 141, 197) !important;
    width: 220px;
    padding: 12px 10px 10px;
    height: 42px;
}

#radBtnContinueStart_input:hover {text-decoration: underline;}

#radbtnAddStudySite_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    background-color: #008dc5;
    border: none;
    width: 150px;
    min-width: 150px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 10px 10px;    
    height: 42px;
}

#radbtnAddStudySite_input:hover {text-decoration: underline;}

#radbtnCancel_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    background-color: #008dc5;
    border: none;
    min-width: 150px;
    width: 150px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 10px 10px;   
    height: 42px; 
}
#radbtnCancel_input:hover {text-decoration: underline;}

.btnContinuePriContact {padding-right: 338px; float: right; padding-top: 9px;}

#fupBrowse {
padding: 12px 5px 10px;
border: 1px solid #008DC5;
background-color: #E6F7FD !important;
color: #008DC5;
}

#btnPrevious {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 18px;
   text-align: center; 
}

#radBtnNewTrial_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    background-color: #008dc5;
    border: none;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    padding: 12px 10px 10px;
    height: 42px;
}

#radBtnNewTrial_input:hover {text-decoration: underline;} 

#radBtnDashboard_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important; 
    text-decoration:none !important;
    background-color: #008dc5;
    border: none;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 12px 10px 10px;  
    height: 42px;  
}

#radBtnDashboard_input:hover {text-decoration: underline;}

#btnEditSites_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important; 
    text-decoration:none !important;
    background-color: #008dc5;
    border: none;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    cursor: pointer;
    height: 42px;
}

#btnEditSites_input:hover {text-decoration: underline;}

#btnLocations_input {
    color: #008dc5;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    background-color: #E6F7FD;
    border: none;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    cursor: pointer;
    padding: 12px 5px 10px;
    border: 1px solid #008DC5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    height: 42px;
}

#btnLocations_input:hover {text-decoration: underline;}

.lnkBtn {
    border: medium none;
    margin: 0px 5px 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    border-radius: 2px;
    font-weight: bold;
    font-size: 16px;       
}

#lnkBtnSearch, #lnkBtnMore, #lnkBtnNewSrch, #lnkBtnFilter {color:#FFF !important;}
#lnkBtnNewSrch {width:inherit; display: inline-block;}

.hrDivider {margin: 0px; width: 515px; text-align: left;}
.hrDividerFull {margin: 0px; width: 100%;}

.search {
    padding: 8px 110px; 
    background-color: #008dc5;
    -webkit-box-shadow: 2px 2px 4px -3px rgba(7, 65, 96), 3px 3px 3px -1px rgba(255, 255, 255, 0.5) inset, -3px -3px 1px 0px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 2px 2px 4px -3px rgba(7, 65, 96), 3px 3px 3px -1px rgba(255, 255, 255, 0.5) inset, -3px -3px 1px 0px rgba(0, 0, 0, 0.35) inset;
    box-shadow: 2px 2px 4px -3px rgba(7, 65, 96), 3px 3px 3px -1px rgba(255, 255, 255, 0.5) inset, -3px -3px 1px 0px rgba(0, 0, 0, 0.35) inset;
}

.more {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 12px !important;
    color: #fff !important;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;    
    padding: 5px 10px;
    background-color: #008DC5;
}
.newsearch {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 18px !important;
    color: #fff !important;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;        
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #008DC5;
    width:inherit;
}
.filter {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;        
    padding: 10px 25px;
    background-color: #008DC5;
}

/* dropdown, textbox, label controls */
.ddlist {
    background-color: #E6F7FD; 
    width: 255px;
    max-width:100%; 
    height: 40px;
    border: 1px solid #BCE1EF; 
    font-size: 14px; color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    
}

.txtFld {
    width: 350px !important; 
    max-width:100%;
    height: 40px !important; 
    background-color: #E6F7FD !important; 
    border: 1px solid #BCE1EF !important; 
    font-size: 14px !important; 
    color: #455660 !important; 
    font-family:Arial,Helvetica,sans-serif !important;
    padding: 0px 5px !important;
    vertical-align: middle !important;
}

.txtFldSmall {
    width: 200px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

#addStudySite .txtFldSmall {
    max-width:none
}

.txtLarge {
    width: 96%; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
    white-space:normal;
}

.txtFldXLarge {
    width: 75%;
    height: 110px;
    max-width:100%;
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: top;
    margin-top: 5px;
    resize: none;
    white-space:normal;
}

#txtInclusionCriteria, #txtExclusionCriteria {margin-left: 4px;}

.txtFld3Rows {
    width: 350px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: top;
    margin-top: 5px;
}

.txtZip {
    width: 161px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

#contentPhone {white-space:nowrap;}

.txtFldPhone {
    width: 168px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

.txtFldPhoneCode {
    width: 70px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

.txtphoneCode {padding-right: 5px;}

.txtFldKeywords {
    width: 350px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: top;
    margin-top: 20px;
}

.lblphoneCode {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
    width: 88px;
}

.lblphoneCode a {
    color: #455660!important;
    text-decoration: none!important;
}

.lblInfo {font-size: 12px!important;}

.drpdwnFld {
    width: 363px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

.drpdwnFldSmall {
    width: 175px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

.drpdwnFld3rows {
    width: 363px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: top;
    margin-top: 5px;
}

.lblEdt {
    color: #ffa853;
    padding-bottom: 5px;
    padding-left: 7px;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 1px;
}

.divEdit {
    border: 1px solid #ffa853;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;        
    box-shadow: 0 0 5px 3px #ffa853;
    -webkit-box-shadow: 0 0 5px 3px #ffa853;
    -moz-box-shadow: 0 0 5px 3px #ffa853;      
    padding: 5px;
    width: 265px;    
}

.divLogin {
    border: 1px solid #455660;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;        
    box-shadow: 3px 3px 5px 1px #455660;
    -webkit-box-shadow: 3px 3px 5px 1px #455660;
    -moz-box-shadow: 3px 3px 5px 1px #455660;   
    padding: 15px 0px 15px 25px;
    width: 250px; 
}

.lbls {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 150px;
}

.lbls1 {
    font-weight:bold; font-size: 20px;
}

.lbls2 {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 150px;
    margin-top: -30px;
}

.lbls2Password {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 150px;
    margin-top: -30px;
}

.lbls3 {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 150px;
    margin-top: -25px;
}
.lblPhone {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 150px;
    margin-top: -30px;
}

.lblSubmission {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 200px;
}

.lblDates {
    vertical-align: middle;
    display: inline-block;
    color: #00305E;
    font-size: 18px;
    Width: 155px;
}

.lblsHeader {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
    Width: 150px;
}

.lbls1Header {
    color: #455660;
    font-weight: bold;
    font-size: 20px;
}

.lblsEmptyHeader {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
    Width: 150px;
}

.lblsHeaderCal {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
    Width: 151px;
}

.lblsPhoneHeader {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
}
 
.lblsPswrdHeader {
    vertical-align: middle;
    display: inline-block;
    color: #455660;
    font-size: 12px;
}

.hint-icon {
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    border: 1px solid #84CEE6 !important;
    color: #0079C1;
    background: #EEE none repeat scroll 0% 0%;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;        
    box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;
    -webkit-box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;     
    margin-top: 3px;
}
#lblLocationHdr .hint-icon {vertical-align: bottom;}

.hint-icon:hover {
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    border: 1px solid #84CEE6 !important;
    color: #0079C1;
    background: #EEE none repeat scroll 0% 0%;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;           
    box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;
    -webkit-box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 5px 5px 9px 1px rgba(255, 255, 255, 0.5) inset, -2px -2px 6px -1px rgba(0, 0, 0, 0.35) inset;    
}

.fa-question {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;    
    padding-top: 2px;
}

/* end button controls */

/* Start tooltip close image */
.RadToolTip_MetroTouch table.rtWrapper tr td a.rtCloseButton {
    background-image: url('/App_Themes/AAHSD/_img/.RadToolTip_MetroTouchtable.rtWrapper-tr-td-a.rtCloseButton.png') !important;
}    
/* End tooltip close image */

/* calendar control */
#C001_dtpStartRecruitment_dateInput {
    width: 162px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}

#C001_dtpEndRecruitment_dateInput {
    width: 162px; 
    max-width:100%;
    height: 40px; 
    background-color: #E6F7FD; 
    border: 1px solid #BCE1EF; 
    font-size: 14px; 
    color: #455660; 
    font-family:Arial,Helvetica,sans-serif;
    padding: 0px 5px;
    vertical-align: middle;
}
/* end calendar control */

/* asp checkbox controls */
.aspChckBxLst input[type=checkbox] + label
{
    width            : 1.1em;
    height           : 1.1em; 
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em; 
    border-radius    : 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;    
    vertical-align   : middle;
    line-height      : 1.1em;
    text-indent      : 22px;
    font-size        : 14px;
    color            : #455660;
    background-color : #E6F7FD;
}
.aspChckBxLst input[type=checkbox]:checked + label +#compliancePara::before {margin-top: -15px;}

.aspChckBxLst input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #008dc5;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}

/* To hide the default checkbox */
.aspChckBxLst input[type=checkbox]
{
    display: none;
}

.aspChckBxLst label  
{
    display: block;
    float: left;
    color: #455660;
    cursor: pointer;
    white-space: nowrap;
}

aspChckBxLst span {background-color: blue;}

/* end asp checkbox controls */

/* filter/search control */
.ddlField 
{
    background-color: #e6f7fd;
    border-top: 1px solid rgb(188, 225, 239);
    border-bottom: 1px solid rgb(188, 225, 239);
    border-left: 1px solid #bce1ef;          
}

.rtvSearch {background-color: #dedede;}

.RadTreeView .rtLines .rtFirst .rtUL, .RadTreeView .rtLines .rtLast .rtUL {background-color: #f1f2f2!important;}
.RadTreeView {color: #455660!important; font: 12px Arial, Helvetica, sans-serif!important;}
.RadTreeView .rtLines .rtTop, .RadTreeView .rtLines .rtMid, .RadTreeView .rtLines .rtBot, 
.RadTreeView .rtLines .rtTop, .RadTreeView .rtLines .rtMid, .RadTreeView .rtLines .rtBot, .RadTreeView .rtLines .rtLast .rtTop,
.RadTreeView .rtLines .rtLI {
    background: transparent none repeat scroll 0% 0% !important;
}
.RadTreeView {white-space:normal!important}
/* End filter/search control */

/* RadPanelBar control */
.RadPanelBar .rpSlide {padding-left: 0px!important;}
.RadPanelBar .rpGroup .rpTemplate { background-color: #fff!important;}
.rpSlide {padding: 10px; background-color:#fff;}
.RadPanelBar .rpItem {padding-bottom: 20px!important; background-color: #fff;}
#edtSecOut1Method,  #edtSecOut1EventName, #edtSecOut1EndPoint, #edtSecOut2EventName, #edtSecOut2Method, #edtSecOut2EndPoint {
    height: auto!important; width: auto!important; min-height: 100px!important; background-color: #fff;
}
.RadPanelBar .rpExpandable .rpExpandHandle, .RadPanelBar .rpExpanded .rpExpandHandle {
    background-color: transparent;
    background-image: url('/App_Themes/AAHSD/_img/.RadPanelBar.rpExpandable.rpExpandHandle.RadPanelBar.rpExpanded.rpExpandHandle.png');
    background-repeat: no-repeat;
    float: left;
    background-position: 0px -3px; 
}
/* End RadPanelBar control */


/* checkmark image */
.RadTreeView .rtChecked, .RadTreeView .rtUnchecked, .RadTreeView .rtIndeterminate {
    background-image: url('/App_Themes/AAHSD/_img/WebResource.axd-chckbx.png') !important;
}

.RadTreeView .rtHover .rtIn {background:  none!important; color: #455660 !important;}
/* end filter/search control  */

/* RadGrid dashboard control */

.grdDashboards {
    border: 2px solid #BCE1EF !important;
    font-size: 12px !important;
    color: #455660 !important;
}

.dashboardItems {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
}

.dashboardItemHeaders
{
    border-color: #BCE1EF !important;
}

.dashboardHdrImg {
    width: 50px;
    min-width: 50px;    
}

.dashboardItemImg 
{
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;    
    text-align: center;
    width: 50px;
    min-width: 50px;    
}

.dashboardHdrID {
    width: 100px;
    min-width: 100px;    
}

.dashboardItemID {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 100px;
    min-width: 100px;
}

.dashboardHdrTitle {
    width: 200px;
    min-width: 200px;    
}

.dashboardItemTitle {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 200px;
    min-width: 200px;
}

.dashboardHdrRev {
    width: 85px;
    min-width: 85px;    
}

.dashboardItemRev {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 85px;
    min-width: 85px;
}

.dashboardHdrRecruit{
    width: 140px;
    min-width: 140px;    
}

.dashboardItemRecruit {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 140px;
    min-width: 140px;
}

.dashboardHdrWokflw {
    width: 100px;
    min-width: 100px;    
}

.dashboardItemWokflw {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 100px;
    min-width: 100px;
}

.dashboardHdrUpdated {
    width: 115px;
    min-width: 115px;    
}

.dashboardItemUpdated {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 115px;
    min-width: 115px;
}

.dashboardHdrInv {
    width: 100px;
    min-width: 100px;    
}

.dashboardItemInv {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 100px;
    min-width: 100px;
}

.dashboardHdrFld {
    width: 145px;
    min-width: 145px;    
}

.dashboardItemFld {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #BCE1EF !important;
    width: 145px;
    min-width: 145px;
}

.myDashboardCount {color: #00305E; font-size: 18px;}

.lnkButton {
    border: 1px solid #008DC5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;           
    font-weight: 700;
    padding: 3px 5px;
    background-color: #E6F7FD;
    color: #008DC5;
}

/* end RadGrid dashboard control */

/* rad grid controls */
.srchRsltIntro {color: #455660 !important; font: 14px Arial,Helvetica,sans-serif !important;}
.radgrdHeader {
    display:none!important;
}

.radgrdItem {
    color: #455660 !important;
    font: 12px Arial,Helvetica,sans-serif !important;
}

.lbl1 {font-weight: bold !important; font-family:Arial, Helvetica, sans-serif !important; color: #00305E !important; font-size: 20px !important;}
.lbl2 {}
.lbl3 {color: #00305E !important; font-weight: bold !important; font-size: 14px !important;}
.lbl4 {color: #00305E !important; font-weight: bold !important; font-size: 14px !important;}
.lbl5 {}
.lnk1 {color: #0079C1 !important;}

#HyperLink2{
color: #FFF !important;
padding: 5px;
background-color: #008DC5;
height: auto;
font-weight: bold !important;
}

/* items in pages */
/* rad grid control */
#grdSearch .rgInfoPart {display: none;}
#grdSearch .rgPager .rgStatus {border:none !important;}
#grdSearch .rgPager table {font-size: 14px !important; padding-left: 100px;}
#grdSearch .rgPager div {float: left;}
.RadTreeView .rtUL {list-style: none;}

/* rad grid control test page */
#C004_grdSearch {border:none !important; background: none !important; color: #455660 !important;}
.editRemoveBrdr {border-top: 2px solid #BCE1EF; border-bottom: 2px solid #BCE1EF;}

/* End rad grid control test page */
.rgPager a {background: transparent none repeat scroll 0% 0% !important;}
#grdSearch .rgNumPart a.rgCurrentPage {
    color: #455660 !important; 
    background: transparent none repeat scroll 0% 0% !important;
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;   
    padding: 0 5px 0 5px;
}

.rgPager {background: transparent none repeat scroll 0% 0% !important;}

#grdSearch .rgNumPart {
    font-size: 16px !important;
    color: #455660 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    padding: 18px 75px;
}        
/* end rad grid control */

/*  rad html Editor control */
.reToolCell {background-color: #E6F7FD !important;}
.Silk.reWrapper, .Silk.RadEditor, .reContentCell {min-height: 0px!important; border: 1px solid #BCE1EF !important;}
.Silk.reToolbar 
{
    background-image: linear-gradient(top, #FFF 0px, #BCE1EF 100%) !important; 
    background-image: -ms-linear-gradient(top, #FFF 0px, #BCE1EF 100%) !important; 
    background-image: -webkit-linear-gradient(top, white 0,#BCE1EF 100%) !important; 
    background-image: -moz-linear-gradient(top, #FFF 0px, #BCE1EF 100%) !important; 
    border: 1px solid #BCE1EF !important;   
}
.reLeftVerticalSide, .reRightVerticalSide, .RadEditor table, .RadEditor.reWrapper table td { padding: 0px;}
.RadPanelBar .rpRootGroup, .RadPanelBar .rpLink, .RadPanelBar .rpOut {border: 0;}
/* Start Desc RadEditor */
    .reModule {background-color: #E6F7FD !important; color: #00305E;}
/* End Desc RadEditor */

/* end rad Editor control */

/* ----------- Rad Window ----------- */
#RadWindowWrapper_RadWindow1 {
    position: fixed !important;
    width: 75% !important;    
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;    
    -moz-transform: 
    -ms-transform: translate(-50%, -50%) !important; /* IE 9 */
    -webkit-transform: translate(-50%, -50%) !important; /* Chrome, Safari, Opera */  
}
   
/* ----------- End Rad Window ----------- */   

.glossaryNav {
    background: #f1f2f2; 
    background-repeat:repeat-x;
    color: #455660;
    font-size: 18px;
    padding: 12px 10px 11px 10px;
    margin-left: -4px;
    border: 1px solid #dcdcdc;
}

/* Study top step navigation */
.divStpNav {white-space: nowrap; padding-top: 5px;}

.StudyStpNavGrey {
    background: #dcdcdc; 
    background-repeat:repeat-x;
    color: #455660;
    font-size: 18px;
    padding: 12px 10px 11px 10px;
    margin-left: -4px;
}

.StudyStpNavBlue {
    background: #0079c1; 
    background-repeat:repeat-x;
    color: #fff;
    font-size: 20px;
    padding: 10px 10px;
}

.currentStpNumBlue {
    display: inline-block;
    font-style: normal;
    color: #fff;
    background: #0079c1 none repeat scroll 0% 0%;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.StudyStpNavRed {
    background: #C4262E; 
    background-repeat:repeat-x;
    color: #fff;
    font-size: 20px;
    padding: 10px 10px;
}

.currentStpNumRed {
    display: inline-block;
    font-style: normal;
    color: #fff;
    background: #C4262E none repeat scroll 0% 0%;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;   
}

.StudyStpNavGreen {
    background: #55B800; 
    background-repeat:repeat-x;
    color: #fff;
    font-size: 20px;
    padding: 10px 10px;
}

.currentStpNumGreen {
    display: inline-block;
    font-style: normal;
    color: #fff;
    background: #55B800 none repeat scroll 0% 0%;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;    
}


/* End Study top step navigation */

/* telerik RadGrid for file download */
/* File download */
.RadGrid .rgHeader, .RadGrid th.rgResizeCol, .RadGrid .rgHeaderWrapper,
.grdDashboards .rgHeader
{
    background: #E6F7FD none!Important; 
    border-color: #BCE1EF !Important;
    border-width: 0 1px 1px 0 !important;
    border-style:solid
}
.grdDashboards .rgHeaderWrapper {background: #E6F7FD none!Important;}
.grdDashboards table {border-spacing: 0;}
.rgHeader a {color:#455660!important;}
.RadGrid .rgRow a, .RadGrid .rgAltRow a, .rgRow a, .rgAltRow a {color: #0079c1!important;}
.downloadTable {width: 100%;}
.grdAttachment {font: 12px Arial,Helvetica,sans-serif; }
.rgHeader {font: 14px Arial,Helvetica,sans-serif; font-weight: bold!important; background-color: #E6F7FD; padding: 5px 7px 4px 7px; text-align: left;}
.downloadtablItem {border: 2px solid #BCE1EF; white-space: normal; padding: 5px 5px;}
.btnDownload {
    border: 1px solid #008DC5 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
    font: font: 12px Arial,Helvetica,sans-serif;
    font-weight: 700;
    padding: 1px 5px 3px 5px;
    background-color: #E6F7FD !important;
    color: #008DC5 !important;
}

.chkRemove input[type=checkbox] + label
{
    width            : 1.1em;
    height           : 1.1em;
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em;     
    border-radius    : 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;        
    vertical-align   : middle;
    line-height      : 1.1em;
    text-indent      : 22px;
    font-size        : 14px;
    color            : #455660;
    background-color : #E6F7FD;    
}
.chkIncUniq input[type=checkbox] + label
{
    width: 1.1em;
    height: 1.1em;
    border-color: #b0b0b0;
    border-style: solid;
    border-width: 0.0625em;
    border-color: #b0b0b0;
    border-style: solid;
    border-width: 0.0625em;
    border-radius: 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;
    vertical-align: middle;
    line-height: 1.1em;
    text-indent: 20px;
    font-size: 14px;
    color: #455660;
    background-color: #E6F7FD;
    display: block;
}

/* To hide the default checkbox */

.chkIncUniq input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #008dc5;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}
.chkRemove input[type=checkbox], 
.chkIncUniq input[type=checkbox] 
{
    display: none;
}

.chkRemove label  
{
    display: block;
    float: left;
    color: #455660;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 25px;
}

.chkRemove input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #008dc5;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}

chkRemove span {background-color: blue;}
/* End telerik RadGrid for file download */

/* telerik RadGrid for current sites */
.downloadtablHeader {border: 2px solid #BCE1EF;}
.chkEdit input[type=checkbox] + label
{
    width            : 1.1em;
    height           : 1.1em;
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em;        
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em;     
    border-radius    : 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;    
    vertical-align   : middle;
    line-height      : 1.1em;
    text-indent      : 22px;
    font-size        : 14px;
    color            : #455660;
    background-color : #E6F7FD;    
}

/* To hide the default checkbox */
.chkEdit input[type=checkbox]
{
    display: none;
}

.chkEdit label  
{
    display: block;
    float: left;
    color: #455660;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 16px;
}

.chkEdit input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #008dc5;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}
/* End telerik RadGrid for current sties */

/* Export to PDF  */

/* Export to PDF  */
#C001_chkStep1_input {
    color: #008DC5;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    background-color: #E6F7FD;
    width: 200px;
    height: 75px;
    min-width: 200px;
    max-width: 200px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: medium none;
    white-space:normal;
    border: 1px solid #008DC5;
    height: 42px;   
}

#C001_chkStep1_input:hover {text-decoration: underline;}

/* Chckbx Steps complete */
.chckSteps input[type=checkbox] + label
{
    width            : 1.1em;
    height           : 1.1em;
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em;     
    border-radius    : 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;    
    vertical-align   : middle;
    line-height      : 1.1em;
    text-indent      : 22px;
    font-size        : 14px;
    color            : #455660;
    background-color : #E6F7FD;    
}

/* To hide the default checkbox */
.chckSteps input[type=checkbox]
{
    display: none;
}

.chckSteps label  
{
    display: block;
    float: left;
    color: #455660;
    cursor: pointer;
    white-space: nowrap;
    margin-right: 10px;
}

.chckSteps input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #008dc5;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}

chckSteps span {background-color: blue;}

/* Chckbx Steps incomplete */
.chckStepsIncomplete input[type=checkbox] + label
{
    width            : 1.1em;
    height           : 1.1em;
    border-color     : #b0b0b0;
    border-style     : solid;
    border-width     : 0.0625em;      
    border-radius    : 0.15em;
    -webkit-border-radius: 0.15em;
    -moz-border-radius: 0.15em;    
    vertical-align   : middle;
    line-height      : 1.1em;
    text-indent      : 22px;
    font-size        : 14px;
    color            : Red;
    background-color : #E6F7FD;    
}

/* To hide the default checkbox */
.chckStepsIncomplete input[type=checkbox]
{
    display: none;
}

.chckStepsIncomplete label  
{
    display: block;
    float: left;
    color: Red;
    cursor: pointer;
    white-space: nowrap;
    margin-right: 10px;
}

.chckStepsIncomplete input[type=checkbox]:checked + label::before
{
    content         : "\2718";
    color           : Red;
    height          : 1.5em;
    width           : 1em;
    margin-right    : 9px;
    margin-left     : -20px;
    font-weight     : 600;       
}

/* Link Steps complete */
.linkStepComplete {padding: 5px 0px!important;}

/* Link Steps Incomplete */
.linkStepIncomplete {padding: 5px 0px; color: Red!important;}
#btnExport {height: 55px;}

#btnExport_input {
    color: rgb(0, 141, 197);
    background-color: rgb(230, 247, 253) !important;
    cursor: pointer;
    width: 170px;
    min-width: 170px;
    font-weight: 700;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif !important;
    white-space: normal;
    border: 1px solid #008DC5;
    padding: 0px 25px;
    height: 60px;
}

#btnExport_input:hover {text-decoration:none !important;}

/* Export to PDF  */

/* Start Search Pages  */  

#searchContentContainer {
    width: 100%; 
    display: inline-flex;    
    display: -webkit-inline-flex;
    }    

    
/* Start search details  */
#leftContentSrchDetail {
    width: 250px; 
    float:left; 
    padding-right: 20px;
    min-width: 205px; 
    max-width:220px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;    
}

#leftContentTopDetail {padding: 0px 0px 0px 20px; color: #00305e;}
#leftContentBottomDetail {
    background-color: #eeeeee; 
    padding: 10px 20px; 
    border-top: 1px solid #a1a1a1; 
    border-bottom: 1px solid #a1a1a1;
    word-break: break-all;
}

#rightContentSrchDetail {width: auto; float: right; margin-left: 20px;}       

#lblInvestigatorHdr, #lblInvestigatorName, #lblRecruitmentHdr, #lblContactHdr, #lblStartDateHdr, 
#lblEndDateHdr, #lblResultsHdr, #lblFundingHdr, #lblLocationHdr, #lblSpeciesHdr {font-weight: 700;}
#lblInvestigatorName {color: #7d868c;}
#lblInterestParticipation {font-weight: 700; color: #00305e; font-size: 20px; line-height: 24px;}

/* Start Download complete search details  */
#btnDownload {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif !important;
    white-space: normal;
    padding: 0px 15px;
    color: #eeeeee;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-align: left;
    background-color: #0079c1;
    width: 184px;
    min-width: 184px;
    height: 90px;   
    border: none;        
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;    
}

#btnDownload:hover {text-decoration: underline;}
.studyTitle {font-weight: bold; color: #00305E; font-size: 20px;}
.pnlStudyItemHdr {margin-top: -4px; padding-bottom: 30px; font: 12px/22px Arial,Helvetica,sans-serif; color: #00305E;}
.studyItemsDetails {
    font-family: Arial,Helvetica,sans-serif;
    color: #70706f;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0px 20px;
}
.rpText {
    font-family: Arial,Helvetica,sans-serif;
    color: #00305E;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;    
}

div.RadPanelBar .rpRootGroup a.radPanelItemTitle:hover {
    color: #00305E !important;
}

.radPanelItemTitle {
    background-color: #eeeeee!important;
    height: 25px; 
    }
    
.rpExpandHandle {margin-top: 0px !important;}    

#pnbStudyItems ul.rpRootGroup .rpSlide {
    visibility: visible; 
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
}

#pnbStudyItems ul.rpRootGroup .rpOut {border-bottom: none !important;}
#pnbStudyItems ul.rpRootGroup {border: none !important;}

#pnbStudyItems ul.rpRootGroup .rpFocused, 
#pnbStudyItems .rpRootGroup a.rpFocused:hover, 
#pnbStudyItems ul.rpRootGroup .radPanelItemTitle, 
#pnbStudyItems .rpRootGroup a.radPanelItemTitle:hover {
    color: #00305E !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: left !important;    
    border: 1px solid #a1a1a1 !important;
    height: auto;
    padding: 10px 0px !important;
}

#pnbStudyItems {
    font-weight: bold;
    width: 100%;
}

.RadPanelBar .rpItem {overflow: visible !important;}    
/* End Download complete search details  */
.RadWindow_MetroTouch span.rwIcon {
    background-image: url('/App_Themes/AAHSD/_img/.RadWindow_MetroTouchspan.rwIcon.png') !important;    
    width: 30px;
    height: 30px;
}
.RadWindow_MetroTouch .rwListItem .rwCommandButton {
    background-image: url('/App_Themes/AAHSD/_img/.RadWindow_MetroTouch.rwListItem.rwCommandButton.png') !important;
    background-position: -111px -1911px;
}    
/* End search details  */

/* Start search page  */
#lblSearchTitleBar {
    color: #ffffff;
    font-size: 28px;
    line-height: 24px;
    text-align: left;    
    background-color: #00305e;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
}

#btnShowAll, .btnShowAll {display: inline;}
#btnShowAll_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    min-width: 175px;
    max-width: 175px;
    cursor: pointer;
    border: medium none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: rgb(0, 141, 197) !important;
    width: 175px;
    padding: 12px 10px 10px;
    height: 42px;
}

#btnShowAll_input:hover {text-decoration: underline;}

#btnSearch_input {
    color: #FFF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-decoration: none !important;
    min-width: 361px;
    max-width: 361px;
    cursor: pointer;
    border: medium none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: rgb(0, 141, 197) !important;
    width: 361px;
    padding: 12px 10px 10px;
    height: 42px;
}

#btnSearch_input:hover {text-decoration: underline;}

#bottomPgNavbtnSearch {margin: 0px 0px 0px 155px;}
#divDisclaimer {border-top: 5px solid #00305e; background-color: #cccccc; padding: 10px 20px;}
.paraDisclaimer {font-size: 12px;}

/* End search page  */

/* Start search result page  */
#leftContentSrchResult {
    width: 240px; 
    float:left; 
    padding-right: 20px;
    min-width: 240px; 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;    
}

#rightContentSrchResult {width: auto; float: right; margin-left: 20px;}   

#lblSearchFilter {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
}

#grdSearch {border: none; background: none;}
    /* telerik:RadGrid */
.radgrdItemSearchResults {
    border-bottom: 1px solid #959595 !important; 
    line-height: 20px !important; 
    color: #455660 !important; 
    padding-top: 20px !important;
    padding-left: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
}
.RadGrid_Metro td.rgPagerCell {border: none !important;; border-color: transparent !important;;}
#grdSearch {border: none !important;}  

#lblTitle, #lblStudyDetail, #HyperLink1 {display: block; padding-bottom: 10px;}
#lblCountry {color: #00305E;font-weight: bold; font-size: 14px;}
#lblLocation {padding-bottom: 10px; font-size: 14px;}
#lblSecondarySites {font-size: 14px;}
.rgArrPart1 {font-size: 18px; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #455660;}
.rgWrap .rgNumPart {font-size: 18px; font-family: Tahoma,Arial,Helvetica,sans-serif; }
.rgArrPart2 {font-size: 18px; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #0079c1;}
.NextPrevAndNumeric{padding-top: 30px !important; /*padding-left: 100px !important;*/}
#grdSearch .rgNumPart a {color: #0079c1 !important; padding: 0 5px 0 5px;}
    /* telerik:RadTreeView */
.rtvSearch .rtUL, .rtvSearchSpecies .rtUL, .rtvSearchCountry .rtUL, .rtvSearchPrimaryField .rtUL, .rtvSearchStatus .rtUL {
    margin-left: -20px !important; padding-left: 40px !important; 
}
.rtvSearchSpecies {padding-top: 10px; border-top: 1px solid #7d868c; border-bottom: 1px solid #7d868c; font: 14px Arial, Helvetica, sans-serif !important; }
.rtvSearchCountry, .rtvSearchPrimaryField, .rtvSearchStatus {border-bottom: 1px solid #7d868c; font: 14px Arial, Helvetica, sans-serif !important; }
.rtvSearchSpecies, .rtvSearchCountry, .rtvSearchPrimaryField, .rtvSearchStatus {background-color: #dedede;}
.RadTreeView .rtSelected .rtIn {background: none !important;color: #455660 !important;}
.rgPager a:hover {text-decoration: none !important;} 

#midContentSrch {width: 5px; background-color: #55B800; position: inherit;}
#midContentSrchHR {width: 100%; background-color: #55B800; height: 5px; border:none; display:none;}
#grdSearch .rgPager .rgStatus {display:none;}

/* End search result page  */

/* End Search Pages  */   

/* Start Login Page  */  
.rbNext {background-image: url('../../Images/none.png')!important;}  
/* Start Login Page  */ 


/*  Start Resonsive */
       
/* ----------- responsive misc ----------- */
#mobileDiv {
	display:none;
}

.gadgetNoLink a {color: #000000 !important; text-decoration: none;}

/* ----------- Desktops and laptops ----------- */
    @media only screen and (min-width: 1225px) {    
        #contentForm {padding-left: 100px;}
        #bottomPgNavSave {padding: 0px 0px 0px 440px !important; float: none !important;}       
        bottomPgNavSave1 {padding: 0px 0px 50px 0px !important;}
        #bottomPgNavSaveCont {padding: 0px 0px 0px 440px !important; float: none !important;}
        #bottomPgNavSaveCont1 {padding: 0px 5px 50px 0px !important;} 
        #bottomPgNavSaveEnroll {padding: 0px 170px 50px 0px !important;}  
        #bottomPgNavPrev {padding: 0px 0px 50px 275px !important;} 
        #bottomPgNavPrevClassification, #bottomPgNavPrevEnroll, #bottomPgNavPrevPrincipal {padding: 0px 0px 50px 100px !important;}
        #radBtns {padding: 50px 7px 50px 440px !important;}                 
    }
    
/* ------- iPads (landscape) ------- */
    @media only screen and (min-width: 800px) and (max-width: 1224px) {
        #radBtns {padding: 50px 0px 50px 449px; float: left;}   
        #rightHeaderLogin {float: left; padding-bottom: 5px; width: 100%; text-align: left;}   
        #radBtns {padding: 50px 7px 50px 340px !important;}    
        .btnContinuePriContact {padding-left: 340px; float: left; padding-top: 0px; padding-right: 0px;}    
        .pgFooter {width: 96% !important;}    
        #bottomPgNavSavePrincipal {padding-left: 245px !important; float: left !important; padding-top: 0px !important; padding-right: 0px !important;}                                                  
        #bottomPgNavClassification {padding: 0px 0px 0px 340px !important; float: none !important;}  
        #contentForm {padding-left: 0px;}
        .rightContentDesc, .rightContentKeyword, .rightContentOutcomes, .rightContentUpload, .rightContentURL {width: 70%;}
        #bottomPgNavPrev {padding-left: 8px !important;}    
        #bottomPgNavPrevPrincipal {padding-left: 0px !important;}       
        #bottomPgNavPrevClassification {padding-left: 0px !important;}   
        #bottomPgNavPrevEnroll {padding-left: 1px !important;}  
        #bottomPgNavSaveEnroll {padding-right: 140px !important;}   
        .reqrdChkLoc {margin: 0px 0px 0px -3px; float: left !important;}    
        .reqrdChkFunding {margin: -50px 0px 0px -3px; float: left !important;}  
        #lblCompliance {padding-right: 65px !important;}  
        #rightContentEditStep {width: 60%;}    
        .divStpNav {white-space: normal; line-height: 3.25em;}
        .glossaryNav {margin-left: 0px;}            
        .currentStpNumBlue, .currentStpNumRed, .currentStpNumGreen {display: inherit; padding: 1px 6px;}  
        .rgArrPart1, .rgArrPart2 {padding-left: 0px !important; padding-right: 0px !important;}  
        #grdSearch .rgNumPart {padding: 18px 10px;}                               
    }
        
/* ------- iPads (portrait) ------- */
    @media only screen and (min-width: 600px) and (max-width: 799px) {
        #rightHeader {float: left; padding-bottom: 5px; width: 100%;}
        #breadcrumbNav {padding-top: 5px;}
        #rightHeaderLogin {float: left; padding-bottom: 5px; width: 100%; text-align: left;}    
        #radBtns {padding: 50px 7px 50px 340px !important; float: left;}          
        h1.pgTitle, #lblSearchTitleBar {font-size: 26px;}
        .pgFooter {width: 96% !important;}
        .btnContinuePriContact {padding-left: 340px; float: left; padding-top: 0px; padding-right: 0px;}
        #bottomPgNavSavePrincipal {padding-right: 30px !important; float: right !important; padding-top: 0px !important;}
        #contentForm {padding-left: 0px;}
        .rightContentDesc, .rightContentKeyword, .rightContentOutcomes, .rightContentUpload, .rightContentURL {width: 70%;}
        #bottomPgNavPrev {padding-left: 8px !important;}
        #bottomPgNavClassification {padding: 0px 0px 0px 340px !important; float: none !important;}  
        #bottomPgNavPrevClassification {padding-left: 0px !important;}
        #bottomPgNavPrevPrincipal {padding-left: 0px !important;} 
        #bottomPgNavPrevEnroll {padding-left: 1px !important;}  
        #bottomPgNavSaveEnroll {padding-right: 28px !important;}   
        .reqrdChkLoc {margin: 0px 0px 0px -3px; float: left !important;}  
        .reqrdChkFunding {margin: -50px 0px 0px -3px; float: left !important;} 
        #lblCompliance {padding-right: 10px !important;} 
        #rightContentEditStep {width: 50%;}   
        #rightContentSubmission {width: 100% !important; float: left !important;}      
        .divStpNav {white-space: normal; line-height: 3.25em;}
        .glossaryNav {margin-left: 0px;}      
        .currentStpNumBlue, .currentStpNumRed, .currentStpNumGreen {display: inherit; padding: 1px 6px;}  
        .recHistory {margin-left: 0px; margin-top: 8px;}   
        .NextPrevAndNumeric {padding-left: 0px !important;}
        .rgArrPart1, .rgArrPart2 {padding-left: 0px !important; padding-right: 0px !important;}  
        #lblTitle, .studyTitle, #lblInterestParticipation, .lbls1, .rpText {font-size: 18px !important;}    
        #bottomPgNavbtnSearch {margin: 0px;}   
        .reqrdChkSpecies {float: none !important; margin-top: 0px !important; margin-right: 0px !important;}   
        #grdSearch .rgNumPart {padding: 18px 10px;}  
        #grdSearch .rgPager table {padding-left: 0px;}      
    }

/* ------- Mobile (portrait and landscape) ------- */
    @media only screen and (max-width: 599px)     {
        #main-nav-inner, .pgBreadcrumbTitle, .pgBody, .pgDisclaimer, .pgFooter {width: 96%!important;}
        #AVMAheader {/*margin-left: 10px;*/ padding-top: 60px; /*width: 96%!important;*/ background: transparent url(/App_Themes/AAHSD/_img/AVMA_Logo_200.png) no-repeat top left; min-width: 200px;}	
        #headerContent, .lbls, .rightContentUpload, #leftContentSubmission {width: 100%;}
        #leftContentSrchResult {width: 100%; padding-right: 0px;}
        #main-nav {height:auto; padding-bottom: 2px;}
        #main-nav-inner {padding-top: 2px; font-size: 18px;}
        h1.pgTitle, #lblSearchTitleBar {font-size: 22px; }   
        #breadcrumb, #divRandomMasked {white-space: normal !important;}    
        #BreadcrumbTitle {line-height: 1.5em;}        
        .pgContent {width: 98%!important; padding-left: 5px !important;}
        #leftContent, #rightContent, #rightHeader, leftContentScientific, .rightContentScientific, 
        .leftContentDesc, .rightContentDesc, .leftContentKeyword, .rightContentKeyword, .leftContentCompliance,
       .leftContentOutcomes, .rightContentOutcomes, .leftContentURL, .rightContentURL, .leftContentClassification, 
       .rightContentClassification, #rightHeader, #leftHeader {width: 100% !important; float: none; clear: both; }
        .rightContentCompliance, #leftContentEditStep, #rightContentEditStep {width: 100% !important; float: none; clear: both; padding-top: 10px;}
        .leftContentOutcomes, .rightContentOutcomes, #rightContentSubmission { width: 100% !important; float: none; }
        .nameplateContent {padding-bottom: 5px;}
        .search {padding: 8px 85px;}
        .rgArrPart1, #grdSearch .rgNumPart, .rgArrPart2 {font-size: 14px !important;}
        .rgArrPart1, .rgArrPart2 {padding: 0px !important;}    
        #grdSearch table {table-layout: fixed; width: 100%;}
        #grdSearch td.rgPagerCell {font: 12px Arial, Helvetica, sans-serif;}    
        #grdSearch .rgPager table {padding: 5px 0px;}
        #grdSearch .rgNumPart {padding: 18px 5px;}
        #contentForm {padding-left: 0px;}
        .lblphoneCode, #midContentSrch  {display:none;}
        #contentOtherAff .lbls {display: none;}
        .lbls2, .lblsHeader {Width: 100%; margin-top: -10px;}
        .lblPhone {Width: 110px; margin-top: -10px;}
        .lblsEmptyHeader {margin-top: -10px;}
        #radBtns {padding: 50px 0px 50px 0px !important;}
        .hrDivider {margin: 0px; width: 363px; text-align: left;}
        #bottomPgNav {white-space: nowrap !important;}        
        #bottomPgNavSavePrincipal {white-space: nowrap; padding-right: 0px !important; float: none !important; padding-top: 0px !important;}        
        #bottomPgNavPrev, #bottomPgNavPrevClassification, #bottomPgNavPrevEnroll, #bottomPgNavPrevPrincipal {padding-right: 50px; padding-left: 0px!important;}        
        #bottomPgNavSave, #bottomPgNavClassification {padding-right: 0px !important; float: none!important; padding-top: 0px !important;}   
        #bottomPgNavSaveEnroll {padding: 0px 0px 50px 0px !important;}      
        .reqrdDesc, .reqrdDescNar, .reqrdDescInt {margin: 0px; float: left; padding-top: 5px;}
        .reqrdStudyCom {margin-top: 80px; float: left; margin-left: 0px;}
        .recHistory {margin-left: 0px; float: none; display: block; margin-top: 8px;}
        #startDate {padding-left: 155px;}   
        .hrDividerFull {margin: 15px 0px 0px 0px; width: 100%;}     
        .btnContinuePriContact {padding-right: 0px; float: right; padding-top: 9px;}    
        #divContinue {text-align: center!important;}    
        .data-form {margin: 20px 0px 20px 0px;}
        .contentBody {font-size: 18px !important;}
        #logo {width: 200px; height: 100px;}
        #bottomPgNavbtnSearch {margin: 0px;}
        #lblSearchTitleBar {width: 90%;}
        .NextPrevAndNumeric {padding-bottom: 20px !important; padding-left: 0px !important;} 
        #bottomPgNavDashboard {float: left !important; padding-top: 10px;}  
        #rightHeaderLogin {text-align: left;}        
        .divStpNav {white-space: normal; line-height: 3em;}
        .glossaryNav {margin-left: 0px;}
        .currentStpNumBlue, .currentStpNumRed, .currentStpNumGreen {display: inherit; padding: 1px 6px;}
        #bottomPgNavSaveCont1 {float: none !important;}
        #searchContentContainer {display: inline;}   
        #midContentSrchHR {display: inherit;}    
        #rightContentSrchResult, #rightContentSrchDetail {margin-left: 0px;}
        #lblTitle, .studyTitle, #lblInterestParticipation, #pnbStudyItems ul.rpRootGroup .radPanelItemTitle .rpText {font-size: 16px !important;}   
        .lbls1, .rpText  {font-size: 18px !important;}     
        #btnSearch_input {width: 100% !important; min-width: 150px !important;}     
        .reqrdChkSpecies {float: none !important; margin-top: 0px !important; margin-right: 0px !important;}
        .RadwndStepIncomplete {top: 50px !important;}    
        #divContinueUserSearch {text-align: center !important; padding: 50px 0px 0px !important;} 
        .lbls2Password {Width: 100%; margin-top: 0px;} 
        .reqrdChkFunding {margin: 0px 0px 0px -3px; float: left !important;} 
        #divBtnLocations {padding-left: 0px !important;}
        .data-form-login {margin: 20px 0px 50px 0px; padding: 15px 0px 20px 0px;}
        .data-form-login #tdIDMessage, .data-form-login #lblPWDMessage {padding-right: 45px;}
        #accoundSrch {margin-left: 155px; margin-top: -80px;}
}
    @media only screen 
    and (min-device-width : 668px) 
    and (max-device-width : 799px) {
        #accoundSrch {margin-left: 252px; margin-top: -80px;}
    }
/* iPad in portrait & landscape - Search Detail page scrolling */
    @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px)  {
        #RadWindowWrapper_RadWindow1 {
            overflow: scroll;
            -webkit-overflow-scrolling: touch;  
        }        
    }

/* iPhone in portrait & landscape - Search Detail page scrolling */
    @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) {
        #RadWindowWrapper_RadWindow1 {
            overflow: scroll;
            -webkit-overflow-scrolling: touch;  
        }
        .data-form-login {margin: 20px 0px 50px 0px; padding: 15px 0px 20px 15px;}
        .data-form-login #tdIDMessage, .data-form-login #lblPWDMessage {padding-right: 45px;}
        #accoundSrch {margin-left: 155px; margin-top: -80px;}
    }
/*  End Resonsive */