/* This css overwrites any of the genop-main.css 
    This is needed as genop-main.css may be changed frequently by 
    creative designer
*/



/*
Email stuff startstyleClass="header-note"
*/

.header-margin-top{margin-top:15px}
.header-margin-top2{margin-top:10px}
.header-padding-top{padding-top:5px;}
.header-field-1{width:200px;text-align:right;vertical-align:top;}
.header-field-2{width:600px;text-align:left;padding-left:30px;vertical-align:top;}
.header-field-3{width:100px;text-align:left;padding-left:150px;vertical-align:top;}
.header-field-4{width:400px;text-align:left;vertical-align:top;}
.header-field-5{width:620px;text-align:left;padding-left:150px;vertical-align:top;}
.header-note{padding-left:79px;padding-top:5px;}
.email-grid-wrapper{background-color:WhiteSmoke;margin-left:0px;width:910px;}
.dropdown{width:180px;}
.image-template{border: 1px solid black}
.image-preview{padding-right:15px}
.image-position{padding-top:5px;padding-right:32px;vertical-align:top;text-align:center;background:WhiteSmoke;}
.image-position-white{padding-top:5px;padding-right:32px;vertical-align:top;text-align:center;}
.label-bold2{font-weight:bold;padding-left:99px}
.email-step-box{width:70px;background-color:#FFA1A1;height:20px;}
.email-step-text{font-size:12px;font-weight:900;color:white;text-align:center;vertical-align:middle;}
.email-step-line{color:red;width:80px;height:5px;position:relative;top:-10px;}
.email-step-filler-top{height:2px;}
#email-steps-div {height:30px;}
#email-steps-div table{margin:0 auto;}
.email-step-selected{background-color:red;}
.email-links{background-color:WhiteSmoke;line-height:13px;}
.email-report-table{width:600;border-width:1px;border-color:black; border-style:outset}
.email-report-table2{width:600;border-width:0px 1px;border-color:black; border-style:outset}
.email-report-field-1{width:400px;text-align:left;vertical-align:top;padding:3px;border-width:1px; border-style:inset;border-color:black;}
.email-report-field-2{width:100px;text-align:center;vertical-align:middle;padding:3px;border-width:1px; border-style:inset;border-color:black;}
.email-report-field-3{width:294px;text-align:left;vertical-align:top;padding:3px;border-width:1px; border-style:inset;border-color:black;}
.email-report-field-red{width:613px;text-align:left;vertical-align:top;padding:3px;border-style:inset;background-color:#d4c4a2}
/*
Email stuff end
*/



/* 
  Event Info css stuff start
*/
.wrap-info-content {width:100%;background-color:white;height:auto;margin-left:0px;}
.info-name-header {margin-bottom:20px;text-align:center;width:650px;
                             height:68px;background-color:black;display:block;color:white;
                             font-weight:bold;font-size:30px;}
.info-name-text  {padding-top:25px;}
.info-image {vertical-align:top;width:390px;text-align:center;}
.info-image-pos {margin-left:50px;}
.info-html {vertical-align:top;padding-left:50px;margin-right:30px;}
#info-button-pos{margin-top:30px;margin-bottom:20px;margin-left:270px;}
.txt-info-name {font-weight:bold;font-size:16px;font-family:Arial;margin-left:0px;padding-top:1px;padding-bottom:1px;}
.label-bold{font-weight:bold}
.offer-fields-1{width:170px;}
.offer-fields-2a{vertical-align:top;width:260px;}
.offer-fields-2b{vertical-align:top;text-align:center;width:360px}
.offer-fields-3a{vertical-align:top;text-align:left;}
.offer-fields-3b{vertical-align:top;width:143px;text-align:left;padding-left:10px}

/* 
  Event Info css stuff end
*/
 #table-actions {display:block;float:left}
 
 * html #table-actions {display:block;float:none}
 *+html #table-actions {display:block;float:none}
 
.align-top {vertical-align:top;}
.align-center{text-align:center;}
.practice-logo-upload-btn {width:200px;}
.practice-logo-upload-panel {width:220px;}

.event-end-date-position{position:relative;left:18px;top:0px}
#2end-date-calendarPopup  img {position:relative;left:182px;top:-22px}
#2end-date-calendarInputDate{margin-left:3px;position:relative;left:182px;top:-21px}

* html .event-end-date-position{position:relative;left:228px;top:-21px}
* html #2end-date-calendarPopup  img {position:relative;left:202px;top:-22px}
* html #2end-date-calendarInputDate{position:relative;left:202px;top:-21px}

#header-left{margin: 0px 5px 5px 0px;
                     padding: 1px;
                     height: auto;
                     width: 540px;
                     float: left;}
                     
 #header-right{display:inline;
                        float:right; 
                        position:relative; margin:6px;
                        width:200px;height:40px;}
                        
 .info-style-info{color:black; line-height:14px}
 .info-style-error{color:red;font-weight:bold;font-style:italic; line-height:14px}

 #info { 
  
 position:relative;
 width:100%;
 float: left;
 border: 0Spx solid #ccc;
 height: auto;
 background: #E0E0E0;
 font-size:12px;
 font-weight:bold;
 vertical-align:bottom;
 margin-top:0px;
}

h2.patient-emails {
width:128px;
}

h2.offers-genop {
margin-top:30px;
width:237px;
}
ul#topnav  li.reports { width: 260px;}

.hidden-button {float:right;position:absolute;
                        display:inline;top:-800px;
                        left:-134px;z-index:-1;}

.href-links {font-weight:bold;color:#00008B;}

#header .logo1 {padding-left:1px;margin-top:8px;}

#col1 .details{float:right}
#col1 .details dd {padding:0pt 0pt 0pt 10px;}

#col1 .ho-welcome {
float:left;
margin:0pt;
padding:0pt 11px 0pt 0pt;
width:468px;
}

.submit-btn a:link, .submit-btn-60-wide a:link, .submit-btn-180-wide a:link,.helppoint-btn a:link, .helppoint-btn a:visited,
.submit-btn a:visited, .submit-btn-60-wide a:visited, .submit-btn-180-wide a:visited{height:20px;font-weight:bold;position:relative;font-size:11px;padding-top:4px; line-height:13px;}

#col1 .quick-links {
		width: 170px;  padding: 0 10px 15px 10px; margin: 0;float:right;
		background: url(../images/details-bg.gif) bottom left repeat-y;}
#col1 .admin-links {
		width: 170px;  padding: 0 10px 15px 10px; margin: 0;float:left;
		background: url(../images/details-bg.gif) bottom left repeat-y;}
                
#col1 .quick-links h2 {background: #000; padding: 4px 3px; margin: 0 -10px 5px -10px; text-align: center; }
#col1 .admin-links h2 {background: #000; padding: 4px 3px; margin: 0 -10px 5px -10px; text-align: center; }
#col1 .ho-admin {
	float: left; 
	width: 243px; padding: 0 10px 0 0; margin: 0; }               

/* -----------------------------------------------------------------------
col 2 - calendar for head office start
-------------------------------------------------------------------------- */
#col2 .calendar-ho h2 {background: #000; padding: 4px 3px; margin: 0 -10px 5px -10px; text-align: center; }
#col2 .calendar-ho {
		width: 207px;  padding: 0 10px 15px 10px; margin: 0;
		background: url(../images/calendar-bg.gif) bottom left repeat-y;}
#col2 .calendar-ho h3,
#col2 .calendar-ho ul li {padding:1pt 0pt 4px 0px;}
#col2 .calendar-ho{float:right}
#col2 .calendar-ho ul {margin-bottom: 15px;}

#col2 .calendar-ho ul .date,
#col2 .calendar-ho ul .event {display: block; float: left;}
#col2 .calendar ul .event {font-weight:normal;width:125px;}
#col2 .calendar-ho ul .date {width: 25px;}
#col2 .calendar-ho ul .event {width: 162px;font-weight:normal;}

#col2 .calendar-ho ul li.new {
	background: url(../images/icon-new.gif) 0 1px no-repeat;} /*see genop-ie.css for IE bug*/
	
#col2 .calendar-ho ul li.tick { zoom: 1; /* to stop background image from disappearing in IE7*/
	background: url(../images/icon-greentick.gif) 12px 2px no-repeat;	}
	
/* inclusion of scrollbar:
#col2 .calendar-ho .content {height: 300px; overflow-y: auto; margin-bottom: 20px;} */	
        

.calendar-image{float:left;display:block;margin-left:-39px;}
* html .calendar-image{float:left;display:block;margin-left:-19px;}

#col2 .admin-more-links{width:675px}
#col2 .admin-more-links h2{width:126px}
#col2 .admin-more-links h1{width:200px}
#col2 .ho-admin {width:700px}

#admin-wrap-link-desc .link-wrapper{width:600px;padding-bottom:10px;}
#admin-wrap-link-desc .link-left{width:135px;float:left;display:inline;}
#admin-wrap-link-desc .link-right{width:500px;display:inline;}
#admin-wrap-link-desc .link-style{font-weight:normal;}


/*    Css fixes for main calendar */
.calendar-filter{position:relative;top:-2px;left:7px;}
* html .calendar-filter{top:-10px;}
*+html .calendar-filter{top:-10px;}

.add-event{position:relative;top:-2px;left:111px;}
* html .add-event{top:-10px;}
*+html .add-event{top:-10px;}

.prac-add-event {width:250px;
display:inline;
float:right;
border:2px outset gray;margin-top:3px;
position:relative;top:-11px;
}

* html .prac-add-event {width:250px;
 margin-top:0px;top:-9px;
 }

*+html .prac-add-event {width:250px;
 margin-top:0px;top:-9px;
 }

/*  .calendar-bottom {width:667px;position:relative;left:666px;} */
/*  .calendar-bottom {float:left;left:500px;position:relative;width:667px;} */
  .calendar-bottom {float:left;margin-left:498px;}
  
/* -----------------------------------------------------------------------
col 2 - calendar end
-------------------------------------------------------------------------- */

.prac-website-address {font-size:11px;}
#wrap-prac-fields {height:460px}
* html #wrap-prac-fields {height:412px}
*+html #wrap-prac-fields {height:442px}


#admin-wrap-user-details {
	margin-top:10px;
	border:2px solid gray;
	padding:10px;
	width:70%;
}
#admin-sales-agent-list {
	margin-top:10px;
	border:2px solid gray;
    padding-top:10px;padding-left:14px;
    padding-bottom:5px;width:70%;
}

#admin-user-save-cancel-buttons {width:75%;}
#admin-user-save-cancel-buttons .cancel {float:left;display:inline;padding-top:10px;}
#admin-user-save-cancel-buttons .save {float:right;display:inline;padding-top:10px;}

#user-details-table .td-label {padding-bottom:6px}
#user-details-table .td-field {text-align:left;}
.user-admin-label {font-weight:bold;width:100px;}

.admin-select-dropdown {width:180px;}

#prac-back-to-results-button{float:right;display:inline;margin-top:-7px;}
* html #prac-back-to-results-button{float:right;display:inline;margin-top:-7px;position:relative;left:125px;}
* html #prac-back-to-results-button{float:right;display:inline;margin-top:-7px;position:relative;left:125px;}

/* -----------------------------------------------------------------------
Rich data table overrides
-------------------------------------------------------------------------- */
.row-light {background-color: #fff; padding:3px;}
.row-dark {background-color: #e9e1d0;padding:3px;}
.col-size{width:100px;}

#div-event-status h2 {
background:#000000 none repeat scroll 0%;
margin:0pt -6px 5px;
text-align:center;
height:15px;
}

.dr-pnl-b {
padding:0px;
}

.dr-table-cell { 
border-bottom:0px none #C4C0C9;
border-right:0px none #C4C0C9;
color:#000000;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
padding:0px;
}
.dr-table-cell2 { 
padding:3px;
}
.dr-table-cell3 { 
padding:3px;
text-align:center;
vertical-align:top;
}


.dr-table {
background-color:#FFFFFF;
border-collapse:collapse;
border-left:0px solid #C4C0C9;
border-top:0px solid #C4C0C9;
empty-cells:show;
}

.dr-table-header {
background-color:black;
background-image:none;
background-position:left top;
background-repeat:repeat-x;
color:white;
}

.dr-table-headercell {
color:white;
}


.dr-pnl {background-color:#FFFFFF;
border-color:#C4C0B9;
border-style:none;
border-width:0px;
padding:0px;
}

.dr-table-subheadercell {
width:1px;
text-align:left;
background-color:#D4C4A2;
}
.email-table {
    width:auto;
    text-align:center;
}
 .dr-dscr-button-dsbld { 
color:black;
}
.dr-dscr-button, .dr-dscr-sepctrl { 
background-color:#D4C4A2;
border-color:#C4C0B9;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
.dr-dscr-button, .dr-dscr-sepctrl { 
border-style:solid;
border-width:1px;
cursor:pointer;
text-align:center;
width:25px;
}

.dr-dscr-t { 
margin:0pt auto;
}

/* now we define how these classes are styled */
 .on {font-weight:bold;}
 .off {font-weight:normal}
 
/* toolbar overrides*/
 .dr-toolbar-int {
color:#000000;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
font-weight:bold;
padding:2px 4px 0px 3px;
white-space:nowrap;
}

.dr-toolbar-ext {
background-color:#D4CFC7;
background-position:left top;
background-repeat:repeat-x;
border:1px solid #C4C0B9;
height:31px;
padding-left:0pt;
padding-right:0pt;
}

.dr-menu-label {
height:auto;
left:0pt;
padding:2px 5px;
top:0pt;
white-space:nowrap;
width:130px;
}

.dr-menu-list-bg {
background-image:none;
border-left-color:#F1EEE9;
border-right-color:#F1EEE9;
border-top-color:#F1EEE9;
}

.dr-pnlbar-ext {
background-color:#FFFFFF;
height:none;
}

 
.dr-pnlbar-c { 
height:0px;
padding:10px;
text-align:left;
vertical-align:top;
}

.dr-pnl-b { 
color:#000000;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}

.dr-pmenu-nowrap {
white-space:nowrap;
}

.dr-stglpnl-b {
background-color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
width:98%;
}

.rich-datascr-act {
    color: #c00;
}

.rich-datascr-inact{
    color: #000;
}

.rich-datascr-button-dsbld{
    display:none;
}