﻿*
{
	margin: 0;
	padding: 0;	
}

html
{
	height: 100%;	
}

body
{
	background-color: #f0f0f0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	height: 100%;
}

form
{
	height: 100%;	
}

img
{
	border: 0;	
}

h1
{
	font-size: 13px;
	color: #0066cc;
	clear: both;
	line-height: 30px;
}

h1.no-margin
{
	line-height: 17px;
	margin-bottom: 0 !important;	
	clear: both;
}

h2
{	
	font-size: 12px;
	color: #333;
	clear: both;
	margin: 10px 0 10px 0;
}

p
{
	line-height: 20px;	
}

a
{
	color: #333;
	text-decoration: underline;
}

.red
{
	color: #f00;	
}

a:hover
{
	text-decoration: underline;	
}

.divider
{
	background-color: #0099ff;
	margin: 10px 0 10px 0;
	height: 1px;
	clear: both;
}

input
{
	border: solid 1px #09f;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

select
{
	border: solid 1px #09f;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea
{
	border: solid 1px #09f;
	padding: 5px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.button
{
	background-color: #0099ff;
	color: White;
	border: 0;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

.clear
{
	clear: both;	
}

#maincontainer
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 980px;
	background-color: White;
	position: relative;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding-bottom: 20px;
	min-height: 520px;
}

#topbanner
{
	background-image: url(../images/top-banner.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 980px;
	height: 14px;
	margin-bottom: 100px;
}

#logo
{
	position: absolute;
	top: 26px;
	left: 35px;	
}

#navtablet
{
	position: absolute;
	right: 15px;
	top: 14px;
}

#navtablet li
{
	float: left;
	margin: 0 1px 0 1px;
	list-style-type: none;
}

#navtablet li.search
{
	background-color: #ededed;
	padding: 7px 6px 6px 6px;
}

#navtablet li.search input
{
	padding: 1px;	
}

#navtablet li a
{
	display: block;
	background-color: #ededed;
	padding: 10px;
	text-decoration: none;
}

#navtablet li a:hover
{
	background-color: #ccc;
	text-decoration: none;
}

#navbar-container
{
	border-bottom: solid 2px #0066cc;
	height: 34px;
}

#navbar
{
	margin-left: 25px;
}

#navbar li
{
	padding: 0;
	margin: 0;
	float: left;
	margin: 0 1px 0 1px;
	list-style-type: none;
	width: 145px;
	text-align: center;
}

#navbar li a
{
	display: block;
	background-color: #ededed;
	padding: 10px 8px 10px 8px;
	text-decoration: none;
	height: 14px;
}

#navbar li a:hover, #navbar li a.active
{
	background-color: #ccc;
	/*color: White;*/
	text-decoration: none;
}

#logged-in-tablet
{
	position: absolute;
	right: 20px;
	width: 240px;
	text-align: right;
}

#logged-in-tablet #logout
{
	padding-top: 10px;
}

#contentcontainer
{
	margin-top: 35px;
}

#leftpanel
{
	position: relative;
	width: 200px;
	float: left;
	margin-left: 25px;
}

#mainpanel
{
	float: right;
	margin-right: 35px;
	width: 680px;
}

#fullwidthpanel
{
	width: 945px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.DataTable
{
	margin: 0px 0 10px 0;
	border: 0;
	width: 620px;
}

.FullWidth
{
	width: 680px !important;	
}

.TotalWidth
{
	width: 100% !important;	
}

.DataTableItem
{
	background-color: #ededed;
}

.DataTableAltItem
{
}

.DataTableHeader
{
	background-color: #0099ff;
	color: White;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
}

.DataTableHeader a
{
	color: White;
}

.DataTable td
{
	padding: 3px 10px 3px 10px;
}

.DataTableRollOver
{
	background-color: #ccc;
	/*color: White;*/
	cursor: pointer;
}

.align-right-container
{
	text-align: right;	
}

ul.sidenav
{
	margin-bottom: 20px;		
}

ul.sidenav li
{
	list-style-type: none;
	margin: 1px 0 1px 0;
}

ul.sidenav li a
{
	display: block;
	background-color: #ededed;
	padding: 10px;
	text-decoration: none;
}

ul.sidenav li a:hover, ul.sidenav li a.active
{
	background-color: #ccc;
	/*color: White;*/
	text-decoration: none;
}

ul.linklist
{
	margin-left: 15px;	
	margin-top: 10px;
}

.LeftCol
{
	width: 200px;	
}

div.search-container
{
	margin-top: 10px;
	position: relative;	
	width: 280px;
}

dl.search
{
	min-width: 320px;
}

dl.search dt
{
	float: left;
	display: block;
	width: 50px;
}

dl.search dd
{
	padding-left: 50px;
}

dl.search dd input
{
	padding: 1px;	
}

.searchright
{
	position: absolute;
	top: 0;
	right: 0;
}

/* tabs */

/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme
{
	margin-top: 10px;
	text-align: left;
}

.ajax__tab_msngallery-theme .ajax__tab_header 
{
    display:block;
    margin-left: 3px;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #666;
    padding:0px 0px 0px 0px;
    margin: 0px 1px 0px 1px;
    border-bottom:solid 1px #666;
    background-color:#666;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#fff;
    width:106px;
    display:block;
    text-align:center;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
}

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:1px 1px 0px 1px;
    border:solid 1px #09f;
    border-bottom-color:#09f;
    background-color:#09f;
}

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
	font-weight: bold;
}

.ajax__tab_msngallery-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    padding: 10px 20px 10px 20px;
    background-color:#fff;
    border:solid 1px #0099ff;
    /*border-top-width:0;*/
    margin-bottom: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ajax__tab_msngallery-theme .ajax__tab_body a
{
}


dl.formfields
{
	text-align: left;	
}

dl.formfields dt
{
	float: left;
	display: block;
	width: 160px;
}

dl.formfields dd
{
	margin: 15px 0 15px 0;	
	#margin: 0px 0 15px 0;	
	margin-left: 165px;
}

dl.formfields dd input, dl.formfields dd textarea
{
	width: 453px;	
}

dl.formfields dd select
{
	width: 464px;	
}

dl.formfields dd span input
{
	width: 20px;
}

dl.formfields dd span label
{
	display: inline-block;
	width: 50px;
	margin: 5px;	
}

dl.formfields dd span.radio-button-vertical label
{
	width: 200px !important;
}

dl.formfields dd span.radio-button-vertical input
{
	width: 20px !important;
	border: 0 !important;
}

.two-char-length
{
	width: 25px !important;	
}

.four-char-length
{
	width: 50px !important;	
}

dl.formfields dd span.checkbox
{
	display: block;	
}

dl.formfields dd span.checkbox input, span.checkbox input, dl.mediumsize dd span.checkbox input
{
	width: 20px !important;	
}

dl.formfields dd span.checkbox label, span.checkbox label, dl.mediumsize dd span.checkbox label
{
	width: 200px !important;	
}

.treatment-question
{
	margin-bottom: 10px;	
}

.treatment-question .header
{
	display: block;
	margin: 10px 0 10px 0;
	color: #0066cc;
	font-weight: bold;	
}

dl.mediumsize
{
	margin-top: 20px;
}

dl.mediumsize dd input, .treatmentanswer input.textbox-mid-size
{
	width: 278px !important;	
}

dl.mediumsize dd select
{
	width: 300px !important;
}

dl.smallsize
{
	margin-top: 20px;
}

dl.smallsize dd input, .treatmentanswer input.textbox-mid-size
{
	width: 250px !important;	
}

dl.smallsize dd select
{
	width: 250px !important;
}

dl.notabs dd input
{
	width: 509px;	
}

dl.notabs dd select
{
	width: 520px;
}

dl.notabs dd textarea
{
	width: 509px;
}

div.answeroptions
{
	margin-left: 25px;	
}

div.opaque-panel
{
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .60;
	filter: alpha(opacity=60);
}

div.loading-panel
{
	position: fixed;
	top: 40%;
	left: 35%;
	width: 300px;
	padding: 30px;
	font-size: 16px;
	border: solid 1px #09f;	
	background-color: #fff;
	text-align: center;
}

div.validation-summary
{
	text-align: left;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	border: solid 1px red;	
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 35px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.validation-summary ul
{
	margin-left: 25px;
	padding: 10px;
}

span.mandatory
{
	color: #09f;	
}

dl.datafields
{}

dl.datafields dt
{
	float: left;
	display: block;
	width: 150px;
	padding-right: 10px;
}

dl.datafields dd
{
	margin: 10px 0 10px 0;	
	#margin: 0px 0 10px 0;
	margin-left: 158px;
	min-height: 20px;
}

dl.datafields-wide
{}

dl.datafields-wide dt
{
	float: left;
	display: block;
	width: 200px;
	padding-right: 10px;
}

dl.datafields-wide dd
{
	margin: 10px 0 10px 0;	
	#margin: 0px 0 10px 0;
	margin-left: 210px;
	min-height: 20px;
}

dl.mediumsize dd select
{
	width: 340px;
}

div.status-container
{
	width: 450px;	
	height: 45px;
}

div.change-status
{
	float: right;
}

div.treatment-note
{
	margin: 10px 0 10px 0;	
}

fieldset
{
	border: solid 1px #0099ff;
	padding: 10px;	
	margin: 10px 0 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

legend
{
	padding-bottom: 5px;	
}

.patient-list-state-panel
{
	margin-left: 15px;
}

h2.country-header, h2.state-header, h2.city-header, h2.office-header, h2.user-header
{
	margin: 10px 0 10px 0;
	cursor: pointer;	
}


h2.referring-company-header
{
	margin: 10px 0 10px 0;
	cursor: pointer;	
	font-size: 11px !important;
	font-weight: normal;
}

.date-time-popup-textbox input
{
	width: 182px !important;
}

.time-selector
{
	width: 195px !important;	
}

.login-container
{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border: solid 1px #09f;		
	padding: 30px;
	text-align: left;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 10px;
}

dl.loginfields
{}

dl.loginfields dt
{
	float: left;
	display: block;
	width: 100px;	
}

dl.loginfields dd
{
	margin-bottom: 10px;
}

dl.loginfields dd input
{
	width: 185px;
}

.loginbutton
{
	position: absolute;
	right: 37px;	
}

.state-attention
{
	color: Red;
	font-weight: bold;	
}

dl.treatment-questions
{
	margin-top: 10px;
}

dl.treatment-questions dt
{
	float: left;
	display: block;
	width: 180px;
}

dl.treatment-questions dd
{
	margin-left: 0 !important;
	margin-top: 0 !important;
	padding-left: 185px;
	min-height: 25px;
}

dl.treatment-questions dd dl
{
	margin-top: 10px;
	margin-left: 45px !important;
}

dl.treatment-questions dd dl dt
{
	width: auto !important;
}

dl.treatment-questions dd dl dd
{
	margin-left: 0 !important;
	padding-left: 0 !important;
}

dl.treatment-questions dd dl dd dl
{
	clear: both;
	padding-top: 5px !important;
	margin-left: 0 !important;
	padding-left: 0 !important;	
}

.success-message
{
	text-align: left;
	border: solid 1px green;
	display: block;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 35px;
	color: Green;	
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.error-message
{
	text-align: left;
	border: solid 1px red;
	display: block;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 35px;
	color: red;	
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.referring-clinics
{
	margin-left: 20px;	
}

.office-list
{
	margin-left: 20px;
}	

.user-list, .user-header, .city-list
{
	margin-left: 20px;
}	

.page-counter
{
	display: block;
	margin: 10px 0 10px 0;	
}

#footer
{
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 980px;
}

ul.standardlist
{
	margin: 10px 0 10px 30px;	
	
}

dl.smalllabel
{}

dl.smalllabel dt
{
	width: 110px !important;	
}

dl.smalllabel dd
{
	margin-left: 50px !important;	
}

.adminbuttoncontainer
{
	text-align: right;
	width: 700px;	
}

.adminlinks
{
	margin-bottom: 20px;	
}

dl.enquirydata dt
{
	width: 220px;
}

dl.enquirydata dd
{
	margin-left: 220px;
}

dl.enquirydata dd dl
{
	margin-left: 72px;	
}

div.loggedindate
{
	font-size: 10px;	
}

/* reports */

#report-filter
{
	padding-top: 0px;
	position: relative;	
	font-size: 11px;
}

#report-filter legend
{
	padding-bottom: 0;
	margin-bottom: 0;
}

#report-filter label
{
	margin-left: 5px;	
}

#report-filter .column
{
	float: left;
	top: 0;
	text-align: left;
	font-size: 10px;
	padding-bottom: 10px;
}

#report-filter .column dl dt
{
	padding-bottom: 5px;	
}

#report-filter .column select, #report-filter .column input, .date-column, .date-column select, .date-column input
{
	font-size: 11px;	
}

#report-filter #col1
{
	/*left: 0;*/
	width: 230px;
}

#report-filter #col2
{
	/*left: 185px;*/
	width: 240px;
}

#report-filter #col3
{
	/*left: 370px;*/
	width: 285px;
}

#report-filter #col4
{
	/*left: 555px;*/
	width: 160px;
}

#report-filter #col5
{
	/*left: 740px;*/
}

#report-filter .date-column
{
	border-top: solid 1px #0099ff;
	text-align: left;
	width: 100%;
	margin-bottom: 5px;	
}

#report-filter #advanced-search
{
	border-top: solid 1px #0099ff;
	text-align: left;
	width: 100%;	
	position: relative;
	height: 120px;
}

.check-postback
{
	display: none;	
}

#HideShow
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #0099ff;
	padding: 5px;
	color: White;
	cursor: pointer;
	text-align: center;
}

.date-column
{
	position: relative;	
}

.date-column dl dt
{
	padding: 5px 0 5px 0;	
}

#report-filter dl dd
{
	margin: 0 !important;
	padding: 0;	
}

.date-column dl.right
{
	position: absolute;
	top: 35px;
	left: 150px;	
}

.filter-report
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: solid 1px #0099ff;
	display: block;
	padding: 10px;
	margin: 5px 0 5px 0;
	text-align: left;
}

.filter-button
{
	position: absolute;
	top: 55px;
	left: 680px;
	width: 80px;	
}

.report-container, .report-container select
{
	font-size: 10px;	
}

.changesearch
{
	color: #333;
	text-decoration: underline;
	cursor: pointer;		
}

#report-filter .checkbox input
{
	margin-bottom: 5px;
}

#report-filter select
{
	margin-bottom: 10px;	
}

.get-report-button
{
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 25px;	
}

#advanced-search dl.right
{
	position: absolute;
	top: 35px;
	left: 300px;	
}

#advanced-search dl dt
{
	padding-bottom: 5px;	
}

.status-history-table
{
	border: 0;	
	width: 100%;
}

.status-history-table td
{
	padding: 5px;
}

.status-history-table tr.header td
{
	background-color: #0099FF;
	color: #fff;
}

.FontSizeSmall
{
	font-size: 10px;
}

.mark-complete
{
	padding-top: 10px;	
}

.mark-complete input
{
	margin-right: 5px;	
}

input.schedulereport
{
	margin-right: 20px;
}

.admincheckbox input
{
	margin-right: 10px;
}

dl.admin
{}

dl.admin dt
{
	width: 230px;	
}

dl.admin dd
{
	margin-left: 230px;	
}

#message-preview-box
{
	display: none;
}

#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#333; background-color:#fff; border:4px solid #444; padding:12px; text-align: left;}
#simplemodal-container a {color:#333;}
#simplemodal-container a.modalCloseImg {background:url(../images/error.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-20px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.blue-border
{
	border: solid 1px #09f;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
