/* overall site layout */
* {padding: 0; margin: 0}
body {text-align: center; margin: 0; padding: 0; font-family: Times New Roman, Serif;  
    background: #003167 url('PageBack.png') repeat-y top center;}
#container {text-align: left; width: 807px; margin: 0 auto; }
#medCenterAerial {background: url('logo-vumcaerial.jpg') top left; height: 72px; margin-top: 40px;}
#verticalMiddleContainer {border: solid 2px #f2b210; padding-bottom: 20px;}
#siteTitle {background: url('tab-grey.jpg') bottom left repeat-x; height: 35px; text-align: center;} 
#siteTitle h1 {font-size: 23px; font-weight: normal; padding: 4px;}
#content {padding: 20px; font-family: Helvetica, Geneva, sans-serif; margin-left: 242px; 
    margin-right: 20px; font-size: 15px;}
#content h2 {font-size: 20px; margin-top: 15px;}
#content h3 {font-size: 17px; margin-top: 25px; margin-bottom: 10px; border-bottom: dotted 1px #003b75; color: #003b75; background-color: #ebebeb; padding: 2px 0px 2px 5px;}
#content p {font-size: 15px;}
#content li {padding: 2px;}
#content h5 {padding: 10px 0 10px 0; font-size: 15px;}
#leftContainer {width: 240px; float: left; display: inline; margin: 0px 0px 10px 0px;}
.clear {clear: both;} 

#content ul {padding: 20px;}
.bulletList {margin-left: 1em; padding-left: 0;}

/* styling no nav content section */
#contentNoNav {padding: 20px; font-family: Helvetica, Geneva, sans-serif; margin-left: 20px; 
    margin-right: 20px; font-size: 15px;}
#contentNoNav h2 {font-size: 20px; margin-top: 35px;}
#contentNoNav h3 {font-size: 17px; margin-top: 25px; margin-bottom: 10px; border-bottom: dotted 1px #003b75; color: #003b75; background-color: #ebebeb; padding: 2px 0px 2px 5px;}
#contentNoNav p {font-size: 15px;}
#contentNoNav li {padding: 2px;}
#contentNoNav h5 {padding: 10px 0 10px 0; font-size: 15px;}
#contentNoNav ul {padding: 20px;}

/* styling navigation on left */
#navigation {width: 170px; margin-left: 20px; margin-top: 20px; float: left; display: inline; padding: 15px; 
    background: #f2b210 url('NavBack.jpg') repeat-y top center;}
#navigation a, #navigation a:visited {text-decoration: none; color: #660000; 
    font: normal 15px Helvetica, Geneva, sans-serif; line-height:20px; text-indent: 20px; 
    background: url('agray.gif') no-repeat left;}
#navigation a:hover {text-decoration: underline; color: #0000ff; background: url('ablue.gif') no-repeat left;}

/* styling headerRow div inside container, this contains loginview at top right and breadcrumbs at top left */
#divMasterHeaderRow {width: 100%; float: left;}

/* styling loginview in top right of page */
#divLoginView {float: right; font-size: 12px; color: #0000ff; padding: 5px 7px 0 0; color: #003b75; text-decoration: none;}
#divLoginView a {color: #003b75; text-decoration: none;}
#divLoginView a:visited {color: #003b75; text-decoration: none;}
#divLoginView a:hover {text-decoration: underline;}

/* styling Join page */
.joinTable {border: 0px; margin:10px;}
.joinTable td {padding:3px;}

/* styling breadcrumbs */
#divBreadcrumbs {float: left; display: inline; font-size: 12px; color: #0000ff; padding: 5px 7px 0 7px; color: #003b75; text-decoration: none;}
.sitePathSeparator {padding: 0px 3px 0px 3px;}

/* styling links at top */
#visitorSorter {font-family: "Times New Roman",Times,serif; margin-left: auto; margin-right: auto;
    color: #666666; width: 807px; font-size: 12px; text-align: center; border-top-width: 0pt; 
    border-top-style: none; border-bottom-style: none; border-top-color: -moz-use-text-color;  border-bottom-color: -moz-use-text-color; 
    padding-top: 2px; padding-right: 0pt; padding-bottom: 2px; padding-left: 0pt; background-color: #ffffff; background-image: none;
    background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; margin-bottom: -24px;}
.topLinks {font-size: small; letter-spacing: -.3px;}  
.topLinks a {color: #003b75; text-decoration: none;}
.topLinks a:hover {text-decoration: underline;}
.topLinks span {color: #999999;} 
#topLeftLink {float: left;}
#topRightLink {float: right;} 

/* special layout for test case application */
.otherLeftContent {float: left; margin-top: 15px;}
.otherLeftContent h4 {padding: 5px; margin: 10px 20px -10px 20px; background: url('tab-grey.jpg') repeat-x bottom; 
    height: 22px; width: 190px;}
#scrollingGrid {float: left; width: 190px; margin: 10px 20px 20px 20px; margin-top: 10px; max-width: 190px; 
    font-size: smaller; padding-right: 10px; overflow: scroll; height: 500px;}

/* style radio buttons for RoundingCases */
.roundingCasesRadio {border-collapse: separate; border-spacing: 12px 5px;}
.roundingCasesRadio input {margin-left: 10px; margin-right: 5px;}

/* For styling gridviews on the site */
.grid td, .grid th, 
.grid4 th, .grid4 td {color: #110088; background-color: white; text-align: left; padding: 5px 5px 5px 5px;  letter-spacing: normal;}
table.grid {display: block; float: left; clear: left; margin-bottom: 15px;}
table.grid2 {display: block; float: left; clear: left; margin-bottom: 15px; width: 170px; max-width: 170px;}	  
table.grid3 {display: block; float: left; clear: left; margin-bottom: 15px; width: 300px; max-width: 300px;}	   
table.grid4 {display: block; margin: 30px 20px 20px 20px;}	   
.grid a, .grid a:visited {color: #110088; text-align: left; text-decoration: underline;}
.gridRow td {padding: 5px; background-color: #ccddff; letter-spacing: normal;}
.gridRow tr {line-height: 20px; max-height: 20px;}
.gridAltRow td {padding: 5px; background-color: white; letter-spacing: normal;}
.selectedRow td {background-color: #ffbb00;}
.gridFoot td {background-color: #660000;}
.divStyle1 {padding: 10px; background-color: #cceeee; border: solid 2px #003399; margin: 15px;}
.style1 {text-decoration: underline; font-weight: bold; color: #006699; font-size: large; padding: 5px;}

/* special styling for rows on GridView in RoundingCases */
.gridRowCases td {padding: 5px; background-color: white; letter-spacing: normal; border-bottom: dashed 1px #003167;}
.gridRowCases tr {line-height: 20px; max-height: 24px; height: 24px; }
.gridRowCaseSelect td {background-color: #ffbb00;}
.gridRowCases a {font-family: Helvetica, Geneva, sans-serif; font-size: 10px;}
    
/*  for styling loginControls pages */  
.AspNet-Login label, .AspNet-CreateUserWizard label, .AspNet-PasswordRecovery label {display: block;  float: left; width: 150px; padding: 0; margin: 5px 0 0; 	text-align: right; } 
.AspNet-Login input, .AspNet-CreateUserWizard input, .AspNet-PasswordRecovery input {width:auto; margin:5px 0 0 10px; }
.AspNet-Login em, .AspNet-CreateUserWizard em, .AspNet-PasswordRecovery em {text-decoration: none; font-style: normal; font-weight: normal;}
.AspNet-Login-RememberMePanel input {float: left; margin-left: 100px; margin-right: -40px;}
div.AspNet-Login-SubmitPanel {clear: left; width:100%; display: block;}
div.AspNet-Login-SubmitPanel input {float: right; margin-right: 50px;}
div.AspNet-Login-RememberMePanel {width: 100%;}
div.AspNet-Login-FailurePanel {width: 100%; padding-left: 20px; color: Red;}
/* input#ctl00_ContentPlaceHolderPageContent_Login1_RememberMe {margin-left: 105px; float: left; margin-top: 20px;} */
input.loginButton {background-color: #001841; color:#ffffff; font-weight: bold; padding:3px; margin-left: 193px;}
div.AspNet-Login-PasswordRecoveryPanel, div#joinLink {margin-left: 45px; padding: 5px;}

/* for styling the right hand form on rounding cases */
div#caseForm {padding: 15px; font-size: medium; background: #aabbff; margin-top: 10px; margin-bottom: 15px; width: 470px;}
div#caseForm td {font-size: small;}
div#caseForm span.catQuestion {font-size: small; font-weight: bold;}
div#caseForm span.subQuestion {font-size: small;}
div#caseForm h4 {font-size: 120%;}
div#caseFormOut {float: left; width: 500px; background: #aabbff; margin-top: 15px;}
input#ctl00_ContentPlaceHolderPageContent_ButtonSubmitDose {background-color: #001841; color:#ffffff; font-weight: bold; padding:3px;}
div.subQuestionDiv {font-size: small; margin-top: 10px; margin-bottom: 10px;}

/* styling for update progress control on bottom of question in test case app */
#UpdateProgress1, 
    #UpdateProgress2, 
    #ctl00_ContentPlaceHolderMainContent_UpdateProgress1, 
    #ctl00_ContentPlaceHolderMainContent_CompoundingIngredientSearch1_UpdateProgress1 {position: absolute; top: 50%; left: 50%; margin-left: -40px; text-align: center; font-weight: bolder; border: dashed 1px #003b75; background: #f2b210 url('NavBack.jpg') repeat-y top center; padding: 25px; opacity:0.7; filter:alpha(opacity=70);}

.feeds td {text-align: left; padding: 10px 5px 10px 5px;  letter-spacing: normal;}
.gongLabel {color: Red;}

/* special styling the web service documentation */
.docStyle td {border: dotted 1px black; color: #110088; font-size: 12px;}
.docStyle th {font-weight: bolder; color: #003b75;}
table.docStyle {margin: 10px 0px 15px 0px; width: 100%;}
ul.docStyle {margin-top: -10px;}
.docStyle li {font-size: 12px;}
em {font-weight: 600; font-style: italic;}
.serviceDesc {font-size: 10px;}
span.tinySpan {font-size: 10px; padding-left: 30px; width: 60px; display: inline-table;}
span.comment {color: Green;}
span.variable {color: Blue;}
.iframe {margin: 15px 0px 15px 0px; width: 100%; height: 500px;}
.divResult {margin: 10px 0px 10px 0px;}
.docForm label {display: block;  float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: right; } 
.docForm input {width:250px; margin:5px 0 0 10px; }
.docForm input.button {background-color: #001841; color:#ffffff; padding:2px; width: 100px; float: right; font-size: 12px;}
.docForm fieldset {padding: 10px; margin: 15px 0px 15px 0px;}
iframe.scrollingXML {width: 100%; margin: 5px 0px 5px 0px; overflow: scroll; height: 300px;}
.docStyle img.left {border: none; float: left; padding: 5px 10px 5px 0px;}
.docStyle img.right {border: none; float: right; padding: 5px 0px 5px 10px;}
.docStyle img.center {width: 500px; height: auto; padding: 15px 0px 15px 0px;}
.docStyle blockquote {margin: 20px; font: normal 14px Arial Narrow; word-wrap: break-word;}

/* for code examples */
.docStyle blockquote .teal {color: #3399CC;}
.docStyle blockquote .blue {color: #0000FF;}
.docStyle blockquote .red {color: #990000;}
.docStyle blockquote .brightRed {color: #FF3333;}
.docStyle blockquote .green {color: #336600;}
.docStyle blockquote .grey {color: #999999;}

.exampleDiv {padding: 10px; margin:15px; border:dotted 1px blue;}
h4.documentationHeaders {font-size: 15px; color: #5980A6; letter-spacing: .5px; padding: 0px 0px 5px 5px; text-decoration: underline; margin: 5px 0px 0px 0px;}
ul.corr2 {margin-top: -20px;}

/* styling of rounding cases survey admin tool */
#divExplanation {background: #f2b210 url('NavBack.jpg') repeat-y top center; width: 96%; padding: 10px; margin: -5px 0px 20px 0px;}
#adminPanel {padding: 10px; background: #f2b210 url('NavBack.jpg') repeat-y top center; width: 95%; margin: 45px 0px 0px 0px;}
.Button {background-color: #001841; color:#ffffff; padding:2px; font-size: 12px; margin: 0px 10px 5px 0px;}
.adminButton {width: 150px; }
.survButton {width: 120px; }

/* styling for Tools.aspx page */
h5.toolTitle {display: inline;}
.tool_description {text-decoration: none; font-size: smaller;}
.toggleLink {text-decoration: none; font-size: smaller; margin: 10px;}

/* styling of manage site membership page */
.membGrid {margin-top: 10px; font-size: 14px;}
.AspNet-DetailsView-Name {padding-right:10px; color: Blue;}

/* styling the results display in RxNavTester */
#scrollingScds {font-size: small; position: absolute; z-index: 2; width: 90%; left: 5%; padding: 0; overflow: auto; top: 450px;}
#ctl00_ContentPlaceHolderMainContent_topRightX {position: relative; top: 0px; float: right; z-index: 2; margin-left:-10px;}
#ctl00_ContentPlaceHolderMainContent_topRightX a {font-weight: bold; color: Red;}

/* for styling the contact form */
input.tbox, textarea.tbox { width: 250px;}
.contactBlock {border: 0px; padding: 15px; margin-top: 5px; }
.contactBlock td {padding: 3px;}

/* styling warning text */
.warningText {font-weight: bold; color: Red;}
.validationText {font-weight: bold; display: none; font-size: small; color: #990022;}

/* styling footer */
#footer {margin: 20px 20px 0 20px; padding: 20px; clear: left; text-align:center; color: Gray; font-size: 12px;}
#footer img {text-decoration: none; border-style: none; padding: 0px 20px 0px 20px;}
ul.vmcBottomLinks {margin-left: 0; padding-left: 0; display: inline;}
ul.vmcBottomLinks li {margin-left: 0; padding: 3px 15px; list-style: none; display: inline;}
#bottomLogos {text-align: center; }
ul.vmcBottomLinks a:link {text-decoration: none; font-size: 13px; font-weight: bold; color: Gray;}
ul.vmcBottomLinks a:hover {text-decoration: underline;}

/* Styling for TestCaseDashboard */
div.buttonPanel {padding: 10px 5px 5px 15px; background: url('tab-grey.jpg') repeat-x bottom;}
/* here I should be able to change the crazy names to classes after converting the details view to a formview */

.detailsLabel {margin-left: 5px; margin-right: 3px; font-weight: bold; color: #0a246a; line-height: 25px;}
.detailsLabelLeft {margin-left: 0px; margin-right: 3px; font-weight: bold; color: #000; line-height: 25px; text-decoration: underline;}
.otherField, .notesField, .smallField, .largeField, .mediumField, .largestField {background-color: #ffeebb;}
.smallField {width: 40px;}
.notesField {width: 700px; height: 35px;}
.largeField {width: 287px;}
.largestField {width: 550px;}
.mediumField {width: 70px;}
.groupLabel {text-decoration: underline; font-weight: bold; margin-right: 10px;}

 /* special styling for rows on GridView in RoundingCases */
.gridRowCases3 td {padding: 1px 10px 1px 1px; background-color: white; letter-spacing: normal; border-bottom: dashed 1px #003167;}
.gridRowCases3 tr {line-height: 15px; max-height: 20px; height: 20px; }
.gridRowCases3 a {font-family: Helvetica, Geneva, sans-serif; font-size: 9px;}
#addCaseDiv, #tagsDiv {float: right;}
#tagsDiv {position: absolute; background: #fff; font-size: 12px; padding: 10px; width: 200px; 
    border: dotted 1px #003167; top: 65px; right: 8px; opacity:0.7; filter:alpha(opacity=70);} 
div#ctl00_ContentPlaceHolderMainContent_caseList {position: relative;}
span.modifiedBy { font-size: 11px; font-style: italic; color: #808080; display: block;}
.webServiceRadioButtons label {margin-left: 10px; vertical-align: top;}
.webServiceRadioButtons input {vertical-align: bottom;}

.SmallButton input {background-color: #001841; color:#ffffff; padding:2px; font-size: 12px; margin: 0px -10px 5px 0px; max-width: 50px; width: 50px;}

/* for styling ordered list on ServiceIndex.aspx page */
ol.corr {padding-left: 25px;}