/**************************************
 Premex 3D Merlin CSS - (c) 2008

 Author : Paul Welsh from Musgraves

 Adjusted by MJD
***************************************/

hr, .accessibility{
	position: absolute;
	top: -9999em;
	left: -9999em;
}

html{
	padding: 0;
	margin: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
	background: #49519A url(../../images/3d_background.jpg) top left repeat-x;
	color: #FFFFFF;
	text-align: left;
	padding: 0;
	margin: 0;
}

img{
	border: 0;
}

a:link, a:visited{
	text-decoration: none;
}

a:hover, a:focus{
	text-decoration: underline;
}

address {
	font-style: normal;
}

h1, h2{
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

h3{
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

h4{
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

#container{
	width: 960px;
	float: left;
	color: #20358c;
}

/**************************************
 Masterheader & Top Bar
***************************************/

#masterheader{
	width: 960px;
	float: left;
	color: #fff;
}

#masterheader h1#logo{
	width: 200px;
	float: left;
	height: 50px;
	padding: 0;
	margin: 5px;
}

#masterheader h1#logo a{
	width: 200px;
	float: left;
	height: 50px;
	display: block;
	text-indent: -9999em;
}

#masterheader h1#client_logo{
	width: 200px;
	float: right;
	height: 50px;
	padding: 0;
	margin: 5px 0px 5px 5px;
	background: url(../../images/client_logo_small.jpg) top right no-repeat;
}

#masterheader h2{
	font-size: 28px;
	font-weight: normal;
	font-family: Futura, Arial, sans-serif;
	padding-top: 10px;
	margin-bottom: 2px;
}

#masterheader h3{
	font-size: 14px;
	font-weight: normal;
	font-family: Futura, Arial, sans-serif;
	margin: 0;
}

#topbar{
	width: 960px;
	float: left;
	margin-bottom: 5px;
	font-family: Futura, Arial, sans-serif;
}

#username{
	width: 190px;
	float: left;
	margin-right: 10px;
	background: #FFF url(../../images/search_top_corner.gif) top right no-repeat;
}

.username_inner{
	padding: 3px 0 3px 10px;
	background: url(../../images/search_bottom_corner.gif) bottom right no-repeat;
}

#navigation{
	width: 760px;
	float: left;
	background: #FFF url(../../images/navigation_top.gif) top left no-repeat;
}

.navigation_inner{
	float: left;
	background: url(../../images/navigation_bottom.gif) bottom left no-repeat;
}

#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation ul li{
	display: inline;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#navigation ul li a{ 
	color: #20358c;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display: block;
	background-color: transparent;
}

#navigation ul li a:hover{ 
	color: #5682B9;
}

#navigation ul#main_nav{
	float: left;
}

#navigation ul#main_nav li{
	margin-right: 15px;
	position: relative;
	float: left;
	background-color: transparent;
}

#navigation ul#log_out{
	float: right;
}

#navigation div#log_out{
    padding: 3px 0px 3px 10px;
    margin:0;
	float: right;
	background: url(../../images/search_bottom_corner.gif) bottom right no-repeat;
}

#navigation div#log_out a:hover
{
    color: #5682B9;
    text-decoration: none;
}

#navigation ul#main_nav li ul{
	position: absolute;
	z-index: 99;
	width: 128px;
	left: -999em;
	background: #fff;
	padding: 0px 8px 0px 8px;
	margin: 0;
	float: none;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

#navigation ul#main_nav li:hover ul, #navigation ul#main_nav li.sfhover ul {
	left: auto;
	margin: 0 0 0 -8px;
}

#navigation ul#main_nav li ul li{
	background: none;
	padding: 0;
	margin-bottom: 3px;
	display: block;
	float: none;
}

#navigation ul#main_nav li ul li a{ 
	width: 110px;
}

/**************************************
 Content
***************************************/

#content{
	width: 960px;
	float: left;
	font-size: 11px;
	background: #FFF url(../../images/search_top_corner.gif) top right no-repeat;
}

.content_inner{
	padding: 10px;
	background: url(../../images/search_bottom_corner.gif) bottom right no-repeat;
}

#content h2{
	margin-bottom: 15px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Futura, Arial, sans-serif;
}

#content p{
	margin-bottom: 10px;
	line-height: 1.5em;
}

#content a{
	color: #367C2B;
	font-weight: bold;
}

.rapidssl{
	text-align: right;
}

/**************************************
 Merlin Original styles
***************************************/

/* .heading style class is used in the page header */

.heading{
	margin-bottom: 15px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Futura, Arial, sans-serif;
}

.headingproductname{
    font-weight: normal;
    font-size:  x-large;
    color: #000000;
}

.heading12{
    font-weight: bold;
	font-size: smaller;
}
/* .title style class is used at the top of each page */

.title{
	margin-bottom: 15px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Futura, Arial, sans-serif;
}

/* .error style class is used for formatting the error/confirmation
   message that can appear on each page when errors occur or a
   message needs to be displayed to the user */

.error{
	color: Red;
	font-weight:bold;
}

.info{
    color: #718ec8; 
    font-weight: bold;
    vertical-align: middle;
}

.searchwindow{
    background-color:white;
}

/* .grid style classes below are used for any grids that are displayed
   when showing tabular information retrieved from the database */

.grid_scroll{
	border: Solid 1px Black;
    background-color:white;
    width: auto;
    overflow: auto;
}

/* Mark Doran - green header clashes with the red amber green colour coding
.grid_header{
	background-color: #367C2B;
	text-align: left;
}
*/
.grid_header
{
    background-color: #9cceca;
    text-align: left;
}

.grid_header th{
	font-weight: normal;
	padding: 4px;
}

.grid_row
{
    background-color: White;
    color: #20358c;
}

.grid_alternating_row{
	background-color: #e0ffff;
}

.grid_selected_row{
	background-color: #367C2B;
}

/* .table style class should be used for any html tables other than
   grids */
   
.table3dlogo{
	vertical-align: top;
	width: 100%;
    background-image:url('../../images/3d_bg2_1.jpg');
    background-repeat: no-repeat; 
    background-position: top center;
}
.table{
	vertical-align: top;
	width: 100%;
}

.tablelabel{
    width:200px
}

.tabletext{
    width: 700px;
}

.logintable
{
    border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
    width:450px;
}

.loginlabel{
    text-align: left;
    width: 150px;
}

.logintext{
    text-align:left;
    width:300px;
}

.logouttext{
    text-align:left;
    width:inherit;
    padding-left:10px;
}

.col1-4coltable{
    width: 20%;
    vertical-align: top;
}

.col2-4coltable{
    width:30%;
    vertical-align: top;    
}

.col3-4coltable{
    width:20%;
    vertical-align: top;    
}

.col4-4coltable{
    width:30%;
    vertical-align: top;
}

.col1-4colclaim{
    width: 25%;
    vertical-align: top;
}

.col2-4colclaim{
    width:30%;
    vertical-align: top;    
}

.col3-4colclaim{
    width:20%;
    vertical-align: top;    
}

.col4-4colclaim{
    width:25%;
    vertical-align: top;
}

.col2-label-4coltable{
    width: 30%;
    background-color: #dcdcdc;
    height:23px;
    vertical-align:top;
}

.col4-label-4coltable{
    width: 30%;
    background-color: #dcdcdc;
    height:23px;
    vertical-align:top;
}

.col1-2coltable{
    width:20%;
    vertical-align:top;
}

.col2-2coltable{
    width:80%;
    vertical-align:top;
}

.col2-label-2coltable{
    width: 50%;
    background-color: #dcdcdc;
    height:23px;
}

.col1-5coltable{
    width:22%;
    vertical-align:top;
}

.col2-5coltable{
    width:22%;
    vertical-align:top;
}

.col3-5coltable{
    width:10%;
    vertical-align:top;
}

.col4-5coltable{
    width:23%;
    vertical-align:top;
}

.col5-5coltable{
    width:23%;
    vertical-align:top;
}

.col1-centre-5coltable{
    width:22%;
}

.col2-label-5coltable{
    width:22%;
    background-color: #dcdcdc;
    height:23px;
    text-indent:2px;
}

.col4-centre-5coltable{
    width:22%;
}

.col5-label-5coltable{
    width:23%;
    background-color: #dcdcdc;
    height:23px;
    text-indent:2px
}

.searchlabel{
    width:150px
}

.searchcriteria{
    text-align:left
}

.tabpanel{
    height:1000px;
    background-color:Green;
}

.multilinetextbox{
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}

.idfield{
    background-color: #dcdcdc;
    border-right: #dcdcdc thin solid;
    border-top: #dcdcdc thin solid;
    border-left: #dcdcdc thin solid;
    border-bottom: #dcdcdc thin solid;
    height:16px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
}

.col-3coltable{
    width:33%;
    vertical-align:top;
} 
   
.igPanelHeader
{
    background-color: #718ec8;
  	font-family: Arial, Helvetica, sans-serif;
    color: White;
    font-weight: bold;
    height: 20px;
    font-size: 12px;
}

.cmdbutton{
    background-color:#718ec8;
    color:White
} 
   
.pleaseWaitBackground {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
* html .pleaseWaitBackground {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.pleaseWaitMessage {
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 50%;
    left: 55%;
}

.ProcessingInfo{
    z-index: 100;
    position: absolute;
    top:50px;
    left:230px;
    width:110px;
    height:50px;
    display: inline-block;
    padding:2px;
}

* html .pleaseWaitMessage {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.index{
    margin-left: 30px;
    margin-bottom: 20px;
}

.print_content
{
    margin: auto;
    border: solid 2px Black;
    width: 796px;
    background-color: White;
    color: navy;
}

.print_main
{
    width: 790px;
    background-color: White;
    padding: 5px;
}
.print_table
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    vertical-align: top;
    width: 100%;
    color: navy;
}
/**************************************
 Footer
***************************************/

#footer{
	width: 960px;
	float: left;
	color: #fff;
	font-size: 10px;
	padding: 12px 0 8px 0;
}

#footer a{
	color: #82BF77;
	font-weight: bold;
}

#footer p{
	padding: 0;
	margin: 0;
}

#part_premex_group{
	width: 192px;
	float: left;
	padding-left: 18px;
}

#footer p#copyright{
	width: 740px;
	float: left;
	padding-top: 12px;
}
.menu
{
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    left: 5px;
}
.static_menu_item
{
    color: #20358C;
    display:inline-block;
    margin: 0px 0px 0px 2px;
    text-transform: uppercase;
    z-index: 9;
}
.static_menu_item a:hover
{
    color: #5682B9;
    text-decoration: none;
}
.dynamic_menu
{
    z-index: 9;
}

.dynamic_menu_item
{
    color: #20358C;
    z-index: 9;
}
.dynamic_menu_item a:hover
{
    color: #5682B9;
    z-index: 9;
    text-decoration: none;
}
.calendar_dayheader
{
    font-weight: bold;
    background-color: white;
    color: black;
}
.calendar_title
{
    border-right: #20358c 1pt solid;
    border-top: #20358c 1pt solid;
    font-weight: bold;
    border-left: #20358c 1pt solid;
    border-bottom: #20358c 1pt solid;
    background-color: #20358c;
}
.calendar_border
{
    border-right: #20358c 2pt solid;
    border-top: #20358c 2pt solid;
    border-left: #20358c 2pt solid;
    border-bottom: #20358c 2pt solid;
}
.calendar_day
{
    color: #20358c;
    background-color: white;
}
.calendar_selected_day
{
    background-color: #5682b9;
}
.calendar_footer
{
    background-color: #20358c;
}
.calendar_footer
{
    color: white;
}
.login_panel
{
    text-align:center;
    vertical-align:middle;
    height:380px;
}
.logout_panel
{
    text-align:center;
    vertical-align:middle;
    height:440px;
}
.tititle
{
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
.tisectionintroduction
{
    font-weight:bold;
    width:74%;
}
.tianswerprompt
{
    padding-left: 10pt;
    width:50%;
}
.tianswer
{
    padding-left:20pt;
    vertical-align:text-top;   
    vertical-align:top;
    width:50%;
}
.tiquestionspanel
{
    border-top: gray thin solid;
    border-bottom: gray thin solid;
    padding-top: 10px;
    padding-bottom: 30px;
    vertical-align: text-bottom;
    min-height:260px;
}
.tioutputquestion
{
    font-weight: bold;
    padding-left: 10pt;
    width:65%;
}
.tioutputanswer
{
    padding-left:20pt;
    vertical-align:text-top;   
    vertical-align:top;
    width:35%;
}
.tidecision
{
    padding-top: 25px;
    font-size: 14px;
    font-weight: bold;
}
.titable
{
    vertical-align: top;
    width: 100%;
}
.titablerow
{
    border: solid thin black;
    border-width:thin;
}
.tiquestionsandanswers
{
    text-align: left;
    min-height: 320px;
    float:left;    
    width:74%;
}
.tiNotesandRiskSections
{
    text-align: left;
    height: 410px;
    width: 230px;
    display: inherit;
    margin-top: 15pt;
    padding-top: 12pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-bottom: 15pt;
    float: right;
    background-color: #dcdcdc;
    position: fixed;
    top: 120px;
    left: 708px;
    border-bottom: silver thin solid;
    border-left: silver thin solid;
    border-top: silver thin solid;
    border-right: silver thin solid;
}
.tiNotes
{
    text-align: left;
    height: 145px;
    width: 230px;
    display: inherit;
    margin-top: 15pt;
    padding-top: 12pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-bottom: 15pt;
    float: right;
    background-color: #dcdcdc;
    position: fixed;
    top: 390px;
    left: 708px;
    border-bottom: silver thin solid;
    border-left: silver thin solid;
    border-top: silver thin solid;
    border-right: silver thin solid;
}
.tiScrollingSections
{
    height: 125px;
    overflow: auto;
    border-right: inactivecaption 1px solid;
    border-top: inactivecaption 1px solid;
    border-left: inactivecaption 1px solid;
    border-bottom: inactivecaption 1px solid;
    background-color: #ffffff;
    margin-bottom:2pt;
}
.tiinterviewarea
{
    text-align:center; 
    height:95%; 
    width:98%; 
    display:inherit;
    padding-left:10pt;
}
.tiinterviewareaview
{
    text-align:center; 
    height:95%; 
    width:70%; 
    display:block; 
    padding-left:50pt
}
.MonthViewDayContainer{
    vertical-align:top;
    height:150px;
    width:95%;
    overflow:auto;
} 

.MonthViewDaySegment{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    vertical-align:top;
    color:Black;
}

.MonthViewDayAppointment{
     cursor:pointer;
     margin-left:5px;
     margin-bottom:5px;
}

.MonthViewDayHeader{
    text-align:center;  
    padding-bottom:2px;
    background-color:#718EC8;
    color:White;
    border: 1px solid White;    
    border-left-width: 0px;    
}

.WeekViewDayHeader{
    text-align:center;  
    padding-bottom:2px;
    background-color:#718EC8;
    color:White;
    border: 1px solid White;  
} 

#NavigationScheduling{
    width:100%;
    background-color:#718EC8; 
    color:White; 
    margin-bottom:5px;
    border: 1px solid White;  
}  

.WeekViewBaseTimeSlot{
    border-left-style:solid;
    border-left-width:1px; 
    border-left-color:Black;
    border-right-style:solid;
    border-right-width:1px; 
    border-right-color:Black;
} 

.WeekViewHourOrHalfHourTimeSlot{
    border-top-style:solid;
    border-top-width:1px; 
    border-top-color:Black;
    border-left-style:solid;
    border-left-width:1px; 
    border-left-color:Black;
    border-right-style:solid;
    border-right-width:1px; 
    border-right-color:Black;
} 

.WeekViewLastTimeSlot {
    border-bottom-style:solid;
    border-bottom-width:1px; 
    border-bottom-color:Black;
    border-left-style:solid;
    border-left-width:1px; 
    border-left-color:Black;
    border-right-style:solid;
    border-right-width:1px; 
    border-right-color:Black;
} 
    
.WeekViewAppointmentSegment{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    cursor:pointer;
}     
  
.WeekViewTimeLineSegment, .DayViewTimeLineSegment{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    text-align: center;    
    background:#EEEEEE none repeat scroll 0 0;
    font-size:1em;
    padding:2px;
    color:Black;
    width:20px;
}

.GrayedOut{
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ModalPopup{
    background-color:transparent;
    background: url('media/popup-bg.gif') no-repeat;
    background-position:center;
    padding:0;
    border: none;
    color:#20358C;    
}

.modalPopUpLabel{
    text-align:right;
    vertical-align:middle;
    padding-right:2px;
    width:120px;
}

.WeekViewAppointment{
    padding: 0;
    margin: 0;
    padding-left:2px;
    width:100%;
}

.WeekViewAppointment li{
    list-style-type: none;
}
    
.WeekViewAppointment a, .WeekViewAppointment a:visited{
    display: block;
    font-family: arial, verdana, sans-serif;
    font-size: 0.8em;
    text-align: left;
    text-decoration: none;
    color:Black;
    white-space: nowrap;
}

.WeekViewAppointment a:hover{
    background : #ddd;
    white-space: nowrap;
}

.WeekViewAppointment a span{
    display: none;
    
}

.WeekViewAppointmentDetails{
    position: absolute;
    display:none;
    left: 10em;
    top: 0;
    text-align: left;
    padding: 0.5em;
    width: 24em;
    z-index: 4;
    background-color: #eee;
    color: #000;
    border: 1px solid #20358C;
}

.WeekViewAppointment a:hover span{
    display: block;
    position: absolute;
    left: 10em;
    top: 0;
    text-align: left;
    padding: 0.5em;
    width: 24em;
    z-index: 4;
    background-color: #eee;
    color: #000;
    border: 1px solid #20358C;
}

.WeekViewAppointment a:hover span:first-line{
    font-weight: bold;
    font-size: 1.2em;
    color: #20358C;
}

#Error{
    display:none;   
    color:Red;
    font-weight: bold;
    font-size: 1.2em;
    border: 1px solid Red;
    margin:0.25em;
}

#Error li{
    list-style-type: square;
    margin-bottom:0.25em;
}

.DayViewDayHeader{
    text-align:center;  
    background-color:#718EC8;
    color:White;
    border: 1px solid White; 
    width:752px;
    position:absolute;
    padding-top:4px;
    left: 70px;
    top:139px;
    padding-top:4px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderMonday,
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderTuesday,
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderWednesday, 
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderThursday, 
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderFriday, 
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderSaturday,
#ctl00_ContentPlaceHolder1_WeekViewDayHeaderSunday{
    width:104px;
    position:absolute;
    padding-top:4px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderMonday{ 
 left: 80px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderTuesday{ 
 left: 198px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderWednesday{ 
 left: 314px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderThursday{ 
 left: 431px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderFriday{ 
 left: 548px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderSaturday{ 
 left: 665px;
}

#ctl00_ContentPlaceHolder1_WeekViewDayHeaderSunday{ 
 left: 782px;
}

#ctl00_ContentPlaceHolder1_DayHeadersHolder{
    height:20px;
    background-color:White;
}

.DirectionsLink{
    font-size:0.8em;
    text-decoration:underline;
    padding-left:5px;
}
     
#ctl00_ContentPlaceHolder1_DayHeadersHolder{
    height:25px;
    background-color:#718EC8;
    padding-left:5px;
    padding-bottom:5px;
}

#ctl00_ContentPlaceHolder1_DayViewResultTableContainer{
   overflow:scroll;
   height:500px;
   padding-left:5px;
   padding-bottom:5px;
}

#ctl00_ContentPlaceHolder1_DayViewResultTableContainer, #ctl00_ContentPlaceHolder1_WeekViewResultTableContainer,#ctl00_ContentPlaceHolder1_MonthViewResultTableContainer{
   overflow:scroll;
   height:500px;
   padding-left:5px;
   padding-bottom:5px;
}
.AddressResult a{
    padding-left:10px;
    color:#20358C;
    
}          

.result_table
{
    margin-left:10px;
}
.suspendcanceltable
{
    border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
    width:600px;
}