/*******************************************
REFER http://blog.html.it/layoutgala/
COLOURS - Colours used in the site
White               #FFF
Black               #000
Light Blue Link        #06c
Grey Link            #666
Grey Tagline        #333
Light grey search    #999

red                 #B10427
orange              #C57D13
yellow              #CEAC00
green               #7A9C13
teal                #007B69
blue                #00649E
purple              #6E6192
pink                #8C396D

red mid             #d87082
orange mid          #d6b16f
yellow mid          #e6d55d
green mid           #abcd67
teal mid            #6ebdb4
blue mid            #6eb1ce
purple mid          #b29fc8
pink mid            #c58ba5

red light           #fdd
orange light        #ffd
yellow light        #ffb
green light         #dfb
teal light          #dff
blue light          #dff
purple light        #fdf
pink light          #fdd
grey light          #eee

dark grey           #4B575F
bodycopy grey       #939A9F
mid grey            #B8BCBF
light grey          #D0D2D4

*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
/*html {Stops flickering of background images in IE6
  filter: expression(document.execCommand("BackgroundImageCache", false, true));} */


html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body {
    font-family: "Helvetica Neue", Arial, sans-serif; 
    background-color:#fff}    
    
p, div, td, li {
    font-size: 10pt;
    color: #333;}

img {border:none}

p, table {margin-bottom: 18px;}

ul, dl {margin: 0 0 18px 24px;}

ol {margin: 0 0 18px 30px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}


h1, h2, h3, h4, h5, h6, 
.secondHeading {
    margin-bottom: 12px;
    line-height: 24px;}

h1 {font-size: 16pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}
h3, h4, h5 {
    margin-bottom: 6px;
    line-height: 18px;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;}
h6 {font-size: 9pt;}

a:link {color:#666;}

a:visited {color:#666;}

a:focus,
a:hover,
a:active {color:#06c;}
    
    .firstHeading,
    .secondHeading {
        font-weight: bold;
        text-transform: uppercase;}

  
/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/

    #container{
        width:95%;
        margin:0 auto;
        padding: 10px 0; 
        background-color:#fff;}
        
        .tagline {
            font-size:8pt;
            float:left;
            position:relative;
            height: 18px;
            margin:0 0 -18px 10px;}
            
            .tagline a{
                font-weight:bold;
                color:#333;
                text-decoration:none;}
        
        #tagline{
            top:32px;}

        #tagline2{
            top:32px;}
            
            #screen_masthead {display: none;}
            #print_masthead {
                display: block;
                margin-bottom: 18pt;}
        
        #navigation{display: none;}
            
            #search{display: none;}            

        #content{
            float:none;
            width:100%;
            margin:0 auto 15px auto; 
            padding:0;}
        
        #nav2 {display: none;}

/*All Designs*/
            #nav2_content{
                float:none;
                height:auto;
                width:100%;}
               
        .trans {display: none;} 
            
            #connector {display: none;}                

        #top_border,
        #bottom_border{display: none;}

        #extra{display: none;}
        
        sup.printOnly {padding-left: 5px;}
        
        #footnotes {margin-top: 18pt;}
        
        #footer {
            float:none;
            clear:both;
            width:100%; 
            border-top: 1px solid #ccc;}
                    
            #bottom_nav{
                display: none;}
               
            #copyright{
                float:right;
                margin-right:10px; 
                color:#666}

/*******************************************
Pretty Menus
*******************************************/

.prettymenu {
    float: none;
    margin: 0 0 18px 24px;
    list-style: disc outside; }

    .prettymenu li  {
        height: 21px;
        line-height: 21px;
        font-weight:bold;
        background: 0 none !important;}


/*******************************************
HOME PAGE STYLES
*******************************************/   

			div#welcome{
                float:none;
                width:100%;
                margin:0 0 0 10px;}
			
				div#welcome h1{
                    color:#c03;
                    font-weight:normal;
                    font-size:24pt;
                    line-height:24pt;
                    text-align:left}
				
			div#login{ display: none;}
						
			div#hook{
                float:none;
                width:100%;
                text-align:left;
                line-height:30px;
                margin-left:10px;}
			
			div#websites{
                float:none;
                width:100%;
                margin:20px 10px 0 auto}
			
				div#websites h2{
                    color:#c03;
                    font-weight:normal;
                    font-size:18pt;
                    text-align:left}
			
				div#websites ul{
                    list-style-type:none;
                    padding:0;
                    margin:0;}
                
                div#websites li{
                    float:none;
                    margin:5px auto 20px auto; 
                    width:340px;
                    height:21px;
                    line-height:21px;
                    background-color:#999}
				
					div#websites li a:link,
                    div#websites li a:visited{  
                        text-decoration:none; 
                        color:white}
					
					div#websites li img{
                        float:left; 
                        clear:none; 
                        border: none; 
                        position:relative;}
					
					div#websites li div{
                        margin-left:0;
                        color:white;}
						
/*******************************************
Insurer logo borders
*******************************************/
.box a {
    display: block;
    width:150px;
    height:150px;}
        
    .box a:link,
    .box a:visited,
    .box a:focus {
        background:url(../images/logos/insurers_border.jpg) top left no-repeat;}
        
    .box a:hover,
    .box a:active {
        background-position: 0 -150px;}
        
        div.box a img{
            position:relative;
            top:10px;
            left:15px;}

/*******************************************
LMI Toolbox Buttons
*******************************************/            
#lmi_toolbox {
    /*margin: 0 0 0 10px;
    padding: 0;
    list-style: none;*/}

#lmi_toolbox li {
    /*margin: 0 10px 22px 0;
    padding: 0;
    display: inline;
    float: left;*/}
    
    #lmi_toolbox img {
        display: none; }

.lmi_button {
    display: inline;
    height: 35px;
    width: 200px;}
    
    .lmi_button span {
        position: relative;
        display: inline;
        left:0;
        color: #333;}
 
/*******************************************
Policies Quicklist
*******************************************/  

#policiesQuicklist {
    width: 90%;
    z-index: 9;}
    
    #policiesQuicklist td {
        vertical-align: top;}
    
    #policiesQuicklist td a.policyIcon {
        display: block;
        margin: 0 auto;
        text-decoration: none;}
        
        #policiesQuicklist td a.policyIcon span {
        position: static;
        display: block;
        left:0;
        color: #333;}
    
    .policyInsurers_up,
    .policyInsurers_down{
        z-index: 9;        
        min-height: 150px;
        display: block !important;
        position: static !important;
        margin-left: 0  !important;}
   
/* News */

/* RSS */           
.rssItem{
    margin-bottom:20px;}
    
    .rssDate{
        font-weight:bold;}
        
    .rssCategory{
        font-weight:bold;}
        
    .rssLink a:link, 
    .rssLink a:visited{
        color:#8C396D}
        
    .rssLink a:focus, 
    .rssLink a:hover,
    .rssLink a:active{
        color:#06c}
        
    .rssDescription{
        margin-left:20px;}
            
/*******************************************
CALENDAR
*******************************************/
.calDate {font-style:italic; font-size: 95%;}

/*******************************************
EASYMAIL STYLES
*******************************************/
.important {font-weight: bold; color: #ff0000;}

/*******************************************
FORMS STYLES
*******************************************/

.generalForm {
    background-color:#fff; 
    border-collapse:collapse;
    width: 100%;
    /*width: 600px;*/}
    
    #two_third .generalForm {
        width: 549px;}
    
    #fifty_fifty .generalForm {
        width: 439px;}
    
/*.aimsForms .generalForm {width: 920px;}*/

.generalForm td {
    font-size:11pt; 
    padding:1px; 
    vertical-align:top; }

tr.formLine1Style {}
tr.formLine2Style {background: #eee;}

.formLabelStyle,
td.formLabelStyle {
    font-weight:bold; 
    font-size:12pt;
    background-color:#fff; 
    color:#4B575F; 
    padding:20px 20px 20px 0; 
    width:100%}

.formPromptStyle,
td.formPromptStyle { 
    color:#4B575F; 
    font-size:11pt; 
    /*width:400px;*/}
    
#content_wf td.formPrompxStyle {width: 400px;}

td.formDataStyle table {/*width: 400px;*/}

.formSubPromptStyle {
    font-weight:normal;
    color:#939A9F; }

.formErrorStyle {
    font-size:14pt;
    font-weight:bold; 
    color:#B10427;} 

.formCommentStyle {
    font-style:italic; 
    font-weight:normal;
    color:#939A9F; }

.formInfoStyle {
    font-style:normal; 
    font-weight:normal; 
    color:#303030; }

td.formInfoStyle {
    font-style:normal; 
    font-weight:normal;
    color:#303030; 
    padding-bottom:30px; }
    
.generalForm input {}

#label_field_13619,
#label_field_13631,
#label_field_13639,
#label_field_13853,
#label_field_17392,
#label_field_17396,
#label_field_17499 {
    font-weight: normal;
    font-size:11pt;}

.dataTable .formLine0Style {background-color: #fff;}  
.dataTable .formLine1Style {background-color: #eee;}  

table#aimsPolicyWordings {border:0;}

table#aimsPolicyWordings .pageHead    {
    background-color:#A8A8A8;
    font-weight:bold;}
    
table#aimsPolicyWordings .pageHead td    {color:#ffffff;}

table#aimsPolicyWordings .spacer    {
    background-color:#ffffff;
    height:10px;}
    
table#aimsPolicyWordings td {
    border:1px solid gray;
    padding:5px;
    border-right:0px;
    font-size:10pt;}
    
table#aimsPolicyWordings td.lastcell {border-right:1px solid gray;}

table#aimsPolicyWordings .head {
    background-color:#D4D4D4;
    text-align:center;}
    
table#aimsPolicyWordings th {
    line-height: 12px;
    font-size: 10pt;
    font-weight: normal;
    border:1px solid gray;
    padding:5px;
    border-right:0px;
    font-size:10pt;
    white-space: nowrap;}    
    
table#aimsPolicyWordings .group {background-color:#D4D4D4;}

table#aimsPolicyWordings tr.result td    {border-bottom:0;}

table#aimsPolicyWordings .borderBottom    {
    height:1px;
    border-top:1px solid gray;
    border-left:0;
    border-bottom:0;
    padding:0;
    margin:0;}

/*******************************************
SEARCH RESULT STYLES
*******************************************/
th {text-align: left;}
td.highlight {}
td.highlight a:link,
td.highlight a:visited,
span.highlight {color: #B11544; font-weight: bold; text-decoration: underline;}
.highlight {color: #B11544;}
a img {vertical-align: middle;}

/*******************************************
WORKFLOW STYLES
*******************************************/
ul#workflowMenu {
    list-style: none;
    margin: 0; 
    padding: 0;
    background-color: #ccc;}
    
ul#workflowMenu li {
    display: inline;
    border-left: 1px solid #333;
    background-color: #ccc;}

ul#workflowMenu li:first-child {border-left: 0 none;}    

ul#workflowMenu li a {
    line-height: 24px;
    margin: 10px;}   
    
div.subForms,
div.attachments {
    color:#1A2D71;
    text-align: right;
    font-style: italic;}     

div.subForms hr,
div.attachments hr {
    margin:-5px 0;
    height: 1px;
    color:#1A2D71;
    background-color:#1A2D71;
    border-color:#1A2D71;}    



/*******************************************
SITEMAP STYLES
*******************************************/
    /*.siteMapSection{ 
        line-height:25px;
        background-repeat: no-repeat;
        color: #fff;
        padding: 0 5px 0 21px;
        background-image: url(../images/icons/toolbox_small.gif);
        background-color: #d87082; 
        font-weight:bold;}
    */
    #siteMapList_top {
        margin: 0;}
    
    #siteMapList_top li {
        list-style: none;
        line-height: 21px;}
    
    .siteMapSection {font-weight:bold;}
    
    .siteMapSection span {
        display: block;
        text-indent: 25px;
        line-height: 21px;
        background-repeat: repeat-y;
        background-color: #ccc;
        color: #fff;}
    
    .siteMapPage {font-weight: normal;}
    
    .siteMapList {
        margin-bottom: 5px;
        background-color: #fff;}
    


