/*
 * Stylesheet
 */

/* Standard overrides */
html, body
{
	padding:             0;
	margin:              0;
	border:              0;
}

img
{
	border:              0;
}

table
{
	padding:             0;
	margin:              0;
	border:              0;
	border-collapse:     collapse;
	vertical-align:      top;
}
/* End standard overrides */


/* Generalized table for forms */
table.aform
{
	margin:              10px;
}

table.aform th, table.aform td
{
	vertical-align:      middle;
	width:               50%;
}

table.aform th
{
	text-align:          right;
	font-weight:         bold;
	padding:             4px;
}

table.aform td
{
	text-align:          left;
	font-weight:         normal;
	padding:             5px;
}

/* Form tables have button rows... */
table.aform td.btns
{
	text-align:          center;
}

/* ... and sometimes multiple buttons */
table.aform td.btns table.btns
{
	margin:              0 auto;
	width:               60%;
}
table.aform td.btns table.btns td
{
	border:              0;
	text-align:          center;
}
/* End generalized table for forms */


/* Generalized table for lists */
table.list
{
	margin:              10px;
}

table.list th, table.list td
{
	vertical-align:      middle;
}

table.list th
{
	text-align:          center;
	font-weight:         bold;
	padding:             5px;
}

table.list td
{
	text-align:          left;
	font-weight:         normal;
	padding:             5px;
}
/* End generalized table for lists */


/* Various misc bits */
/* Stats in footer */
div.devstats, p.stats
{
	padding-top:         25px;
	font-size:           .75em;
	text-align:          center;
}

/* Smaller notes */
span.note
{
	font-weight:         normal;
	font-size:           .66em;
}

/* Required fields in forms */
span.required
{
	font-weight:         bold;
	color:               #FF0000;
}

/* Lots of tables do even/odd row coloring */
tr.even
{
	background-color:    #F7F7F7;
}
tr.odd
{
	background-color:    #FFFFFF;
}

/* Error messages */
.error
{
	font-weight:         bold;
	color:               #FF0000;
}

/* Default hidden stuff */
.defhide
{
	display:             none;
}



/*
 * Local
 */
/* Some general overrides */
h1, h2, h3, h4, h5, h6
{
	font-weight:  bold;
	color:        #980000;
	margin:       10px 0 0 0;
	clear:        both;
}
h1 { font-size: 28px; }
h2 { font-size: 21px; }


table
{
	border:     3px solid #ffffff;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
}
th, td
{
	padding:    10px;
}

table.aform    { width: 90%; }
table.aform th { width: 35%; }
table.aform td { width: auto; }

body
{
	font-size:   15px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}
input, textarea, select, .field
{
	font:       inherit;
	border:     1px solid #cccccc;
	color:      #980000;
	background-color: #FFFFFF;
	padding:    5px 10px;
	margin:     0;
	box-shadow: inset 3px 3px 3px 0 rgba(0, 0, 0, 0.05);
}
select
{
	padding:       3px;
	border-radius: 3px;
	cursor:        pointer;
}
input:focus, textarea:focus, select:focus, .field:focus
{
	color:      #740000;
	background-color: #FFF9D9;
}


/* Header/content/footer bits */
div#hdr-wrap
{
	border-top: 5px solid #740000;
	background: url(../images/bkg-grad.png) repeat-x top center;
}

div#hdr
{
	width:      1000px;
	height:     165px;
	margin:     0 auto;
	clear:      both;
	/*background: url(../images/header-patient-referral.jpg) top center;*/
}

div#cnt-wrap
{
	clear:      both;
	min-height: 500px;
}

div#cnt
{
	width:      1000px;
	margin:     0 auto;
}

div#ftr-wrap
{
	border-bottom: 5px solid #740000;
	margin-top:    25px;
	background:    #D4EFFF;
	clear:         both;
}

div#ftr
{
	height:        100px;
}


/* Breadcrumbs bits */
div#bcrumbs-wrap
{
	margin:     0;
	padding:    7px 0;
	font-size:  12px;
	clear:      both;
}

div#bcrumbs
{
	width:      1000px;
	margin:     0 auto;
}

div#bcrumbs ul
{
	margin:     0;
	padding:    0;
	list-style: none;
}
div#bcrumbs ul li
{
	display:    inline;
}
div#bcrumbs ul li:first-child:before
{ content: none; }
div#bcrumbs ul li:before
{ content: "  \00BB  "; /* » */  }

div#bcrumbs-wrap div#bc-rs
{
	margin:     0 10px 0 0;
	float:      right;
	text-align: right;
}


/* Override for 'header' interlines in form tables */
table.aform th.hdr
{
	text-align:     center;
	font-size:      28px;
	font-style:     italic;
	padding:        8px 15px;
	font-variant:   small-caps;
	color:          #FFFFFF;
	background:     linear-gradient(to bottom,  #50afe5 0%,#50afe5 100%);
}
table.aform th.error
{
	text-align:       left;
	font-size:        16px;
	color:            #CC5500;
	background-color: #FFE9A7;
}

/* Override for rows we want to take over */
table.aform tr.subtab,
table.aform tr.subtab > td,
table.aform tr.subtab > td > table
{
	vertical-align:   top;
	padding:          0;
	margin:           0;
	border:           0;
	width:            100%;
}

table.aform tr.subtab table
{
	padding:          0;
	margin:           0;
}
table.aform tr.subtab table td
{
	text-align:  right;
	font-weight: normal;
	width:       35%;
}
table.aform tr.subtab table th
{
	text-align:  left;
	font-weight: normal;
	width:       auto;
}


/* Buttons */
input[type=submit], .btn
{
	display:         inline-block;
	border-radius:   5px;
	cursor:          pointer;
	font-weight:     bold;
	padding:         5px 10px;
}
.btn a:link, .btn a:visited
{
	color:           inherit;
	text-decoration: none;
}
input[type=submit]:active, .btn:active
{
	position: relative;
	top:      1px;
	left:     1px;
}

.btn-toptab
{
	float:            right;
	font-size:        16px;
	text-transform:   uppercase;
	border-top-left-radius:  0;
	border-top-right-radius: 0;
	margin-right:     5px;
}

.btn-adhome
{
	color:            #FFFFFF;
	background-color: #00B300;
	border-bottom:    1px solid #00AA00;
	text-shadow:      0 -1px 1px #00AA00;
}
.btn-adhome:hover
{
	background-color: #00FF00;
}

.btn-logout
{
	color:            #FFFFFF;
	background-color: #B30000;
	border-bottom:    1px solid #AA0000;
	text-shadow:      0 -1px 1px #AA0000;
}
.btn-logout:hover
{
	background-color: #FF0000;
}

input[type=submit], .btn-submit
{
	color:            #FFFFFF;
	background-color: #FF9933;
	border:           0;
}
input[type=submit]:hover, .btn-submit:hover
{
	background-color: #E58A2E;
}


table.login
{
	max-width: 50%;
	margin:    0 auto;
	font-size: 18px;
}
table.login th
{
	width:      30%;
	text-align: right;
}
table.login td
{ }


/* Resort links on tables */
tr.rlhdr th          { font-size:       1.1em; }
tr.rlhdr th a        { text-decoration: none; color: #AA0000; }
tr.rlhdr th a:hover  { text-decoration: underline; }