﻿@import "/App_/ROOT/PageFrame/StyleSheetBase.css";
@import "/App_/ROOT/PageFrame/HtmlTextEditorStyleSheet.css";
* { font-family: Arial,sans-serif; font-size: 12px; line-height: 14px !important; }
img { border-width: 0; }
span.error { color: red; font-weight: bold; }
label.error { color: red; font-weight: bold; }

th { white-space: nowrap; }
table.pagerFrame { margin-top: 10px; margin-bottom: 10px; width: 100%; }
table.pagerFrame td, table.pagerFrame th { border: dashed 0px #ccc; empty-cells: show; padding-top: 8px !important; padding-bottom: 8px !important; line-height: 18px; }

table.pagerFrame td.alternate { background-color: #EDE9DD; }
table.pagerFrame table.clinic td, table.contact td { padding: 2px !important; }

table.eventTable { width: 100%; border-collapse: collapse; margin: 10px 0; }
table.eventTable td, table.eventTable th { padding: 8px; vertical-align: middle; }
table.eventTable th { background: #ccc; color: #444; padding: 4px 8px; }
table.eventTable td { border-bottom: 1px solid #ccc; }
table.eventTable td.groupHeader { color: #138CCB; font-size: 14px; background: #eee; border-top: 1px solid #999; border-bottom: 1px solid #999; }

#layoutTable { width: 960px; text-align: left; }
#layoutTable td { vertical-align: top; }

#layoutTable td#headerLeftGutter { background: url(Images/p2/Border_TopLeft.jpg) no-repeat; width: 53px; height: 166px; }
#layoutTable td#headerRightGutter { background: url(Images/p2/Border_TopRight.jpg) no-repeat; width: 57px; height: 166px; }
.searchText { border: none; border: solid 1px #fff; }
#layoutTable td#headerCenter { background: url(Images/p2/Top_3.jpg) no-repeat top right; width: 850px; height: 108px; vertical-align: bottom; text-align: right; overflow: auto; border: solid 0px red; max-height: 108px; }
#layoutTable td#headerCenter img { padding: 0; margin: 0; float: left; }
#layoutTable td#headerCenter div#centerBackground { width: 253px; height: 108px; background: url(Images/p2/Top_2.jpg) no-repeat; float: left; }
#layoutTable td#menuCenter { height: 58px; }
#layoutTable #searchPane { width: 197px; float: left; background: url(Images/Search_BG_Sync.gif) repeat-x; padding: 10px; }
#layoutTable #searchPane * { vertical-align: middle; }
#layoutTable #searchPane input { margin-right: 5px; }
#layoutTable td#body { /*background: #f8f7f2; */ background-color: #ffffff; padding: 9px; }
#layoutTable td#body #footerPane { background: #dbd4b7; padding: 15px; font-size: 12px; }
#layoutTable td#body #footerPane a { color: #6f6959; }
#layoutTable td#shadowLeft { background: url(Images/ShadowLeftSync.gif) repeat-y; width: 53px; }
#layoutTable td#shadowRight { background: url(Images/ShadowRightSync.gif) repeat-y; width: 57px; }
#layoutTable td#shadowBottomLeft { background: url(Images/ShadowBottomLeft.gif) no-repeat; width: 53px; height: 56px; }
#layoutTable td div#shadowLeftBottom { height: 163px; background: url(Images/ShadowLeftBottom.gif) no-repeat; }
#layoutTable td#shadowBottom { background: url(Images/ShadowBottom.gif) no-repeat; width: 850px; height: 56px; }
#layoutTable td#shadowBottomRight { background: url(Images/ShadowBottomRight.gif) no-repeat; width: 57px; height: 56px; }
#layoutTable td div#shadowRightBottom { height: 163px; background: url(Images/ShadowRightBottom.gif) no-repeat; }

.HintText { color: #616161; }

div.commandPane { padding: 10px 0 10px 0; }
.commandPane input[type=image] { margin-right: 5px; }
H2.Header { font-size: 12px; margin-top: 15px; margin-bottom: 5px; }
table.engineTable td { padding: 5px; }


table.QuickPhysicianLocator td { }
#LeftPane ul, li { font-size: 11px; vertical-align: baseline; list-style: none; margin: 0; padding: 0; }
div#printCommandPane { background-color: #138ccb; font-size: 12px; padding-right: 20px; padding-top: 5px; height: 20px; vertical-align: middle; color: #fff; }
div.right { padding-left: 10px; float: right; clear: none; }
div.left { float: left; clear: none; }

#PrintAllContent { display: none; }

#printCommandPane a { color: #fff; }

.contactSection .content { border: 2px solid #dbd4b7; position: relative; z-index: 2; padding: 10px; }
.contactSection .commandPane { padding-left: 5px; }
.contactSection p.contactTabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contactSection p.contactTabs { zoom: 1; margin: 0; padding: 0; position: relative; z-index: 3; top: 2px; }
.contactSection p.contactTabs a {
    display: block;
    float: left;
    padding: 9px 9px;
    border-style: solid;
    border-width: 0px;
    border-color: #dbd4b7;
    background: #009dd0 url(Images/Tab-Bg.gif) bottom repeat-x;
    margin: 0 5px 0 0;
    font-family: "Arial Narrow", Arial, Verdana;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-shadow: #066084 1px 1px 1px;
}
.contactSection p.contactTabs a.active {
   border-color: #009dd0 #dbd4b7 #fff;
   color: #009dd0;
   background: #fff url(Images/Tab-Selected.gif) top repeat-x;
   padding: 8px 8px;
   border-width: 2px 2px 0;
   text-shadow: #fff 1px 1px 1px;
}

#RequestForm .label-em { font-style: italic; display: inline-block; margin: 0 0 4px; color: #666; }
#RequestForm .patientTable { padding: 0 0 1em; margin: 0 0 1em; }
#RequestForm .patientExample { float: right; }

@media print {
    body { background: #fff !important; }
    #PrintContentPane * { visibility: visible; }
    #PrintContentPane { position: absolute; top: 40px; left: 30px; }    
    #PrintAllContent { display: block; }    
    #headerLeftGutter, #headerCenter, #headerRightGutter,
    #menuCenter, #shadowLeft, #shadowRight, #TopLeftPane,
    .headerSpacerPane, #BannerPane, #LeftPane, .spacerPane, #footerPane
    { display:none; }
    
    body table, body td, body { width: auto !important; }
    #layoutTable #searchPane * { vertical-align: middle; }
    #layoutTable #searchPane input { margin-right: 5px; }
    #layoutTable td#body { /*background: #f8f7f2; */ background-color: #ffffff; padding: 9px; }
}

