
input.rdo
{
	background:#E8F2FA;
	border:0px;
	
}



*.context, dl.hideTerms dt
{
	position: absolute;
	left: -999em;
	width: 1em;
	overflow: hidden;
}

*.clear
{
	clear: both;
}

div#content
{
	background: #ffffff;
	color: #000;
	/*margin-top: -1.15em;*/
	border: 1px solid white;
	text-align: left;
}


#content .fancyText {
    font-size: 0.9em;
}

#content .fancyText, div#content .fancyText a {
    /*color: #666666;*/
}

div.questions { margin-left:40px;}
a.questions { color:#004DA0;}
a.questions:hover {background:white;}

div#content .grayed 
{
    color: #666666;
}


dl.address {
    line-height: 2em;
}

dl.address dt {
    font-weight: bold;
    color: #253A69;
    margin-right: 10px;
}

dl.address dt.sameLine, dl.sameLine dt{
    float:left;
    width: 3em;   
}

dl.address dd {
    margin-left: 0;
}



dl.greenTerms dt
{
    color: #004DA0;
}
dl.greenTerms2 dt 
{
    font-weight: bold;
    color: #5D9832;
}

div#main .buttonList li
{
    background-image: none;
    margin: 10px 0px;
}

div#content .whiteButtons a 
{
	background: #FFFFFF url(../images/arrow.gif) no-repeat 100% 50%;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.2em 30px 0.2em 0.2em;
	text-decoration: none;
	display: block;
}


div#content .whiteButtons a:hover, div#content .whiteButtons a:focus, div#content .whiteButtons a:active
{
	color: #253A69;
	border-color: #253A69;
	background-color: White;
}

div#content .button
{
	background: #efecdb url(../images/arrow.gif) no-repeat 100% 50% !important;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.2em 30px 0.2em 0.2em;
	text-decoration: none;
	display: block;
}

div#content .reverseButton {
    background: #efecdb url(../images/reversearrow.gif) no-repeat 1% 50% !important;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0.2em 30px;
	text-decoration: none;
	display: block;
}

div#content .button:hover, div#content .button:focus, div#content .button:active
{
	color: #9a7000;
	border: 1px solid black
}



#content a.asterix {
    background: inherit;
    text-decoration: none;
}

table.resultsTable {
    border-collapse: separate;
}

table.resultsTable caption {
    text-align: left;
    font-weight: bold;
}

table.resultsTable thead tr {
    background-color: #FFD583
}

table.resultsTable td, table.resultsTable th {
    padding-left: 10px;
    padding-right: 5px;
}


#content table.resultsTable .odd td, #content table.resultsTable .odd {
    background: #CBE2F4;
}

.leftBorder {
    border-left: 1px solid #999999;
}

table.resultsTable a {
    background: inherit;
}

.separator {
    text-align: center;
}

.step {
    border: 2px solid #DCDCCE;
    padding: 10px 10px 10px 10px;
}

.mortprot 
{
    -moz-border-radius: 10px;
    border: 1px solid #CCCCCC;
    padding: 0px 10px;
}

body #content .inline {
    display: inline;
    height: 28px;
}

body #content .disabled {
    color: #999999;
}

#content .phoneBox{
	border: 1px solid #CCCCCC;
	background-color: White;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-right: 0.1em;
	padding-bottom: 0.5em;
	padding-left: 0.6em;
	width:265px;
}

#content .phoneBox p{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#content .phoneBox2{
    background: #EEEDD9 url(../images/calling.jpg) no-repeat 100% 0%;
    margin-bottom: 1em;
}

.phoneBox3{
    background: #EEEDD9 url(../images/calling2.jpg) no-repeat 100% 0%;
    padding: 1em;
		width:252px;
}

.floatLeft {
    float: left;
}



#content #main .step h2 {
    font-size: 1.15em;    
}

#content #main .step h3 {
    font-size: 1em;
    
}

/* Quotes form */
	
.divWaitingStyle
{
	position: absolute; 
	width: 250px; 
	height: 250px; 
	top: 320px; 
	left: 350px; 
	border: 1px dashed #990000;  
	background-color: #ffdddd;  
	text-align: center; 
	display:none;
	vertical-align:middle;
}

.centeredBox *, .centered {
    text-align: center;
}

div#sidebar .phoneBox a {
    background-color: #FFFFFF;
}
#content .bigButton {
    font-weight: bold;
    font-size: 1.4em;
}
.bold {
    font-weight: bold;
}

/* temp */

#overDiv {
    width: 15em;
}

.indicatePopup {
    text-decoration: underline;
}

.quoteApplyButton 
{
	padding:10px 0px;
    background: #263C6D url(../images/quotgrad.jpg) repeat-x scroll 0pt 50%;
    color: white;
    width: 10em;
    font-size: 14px;
}

.quoteApplyButtonSmall 
{
	padding: 10px 0px;
	background: #263C6D url(../images/quotgrad.jpg) repeat-x scroll 0pt 50%;
    color: white;
    width: 10em;
    font-size: 14px;
}

.flushBottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

div#content table p, div#content table h1, div#content table h2, div#content table h3 {
    margin: 0px;
    padding: 0px;
}
#content .quoteFormTable {
    font-size: .9em;
}

#content .noWhitespace, #content .noWhitespace p, #content .step h2{
    padding: 0em;
    margin: 0em;
}
#content .littleWhitespace p {
    margin: 2px 0px;
}


#content #grid {
    line-height: 1.5em;
}
.mortgageBack {
    background: url(../images/mortgage.jpg) no-repeat top right; 
}

div#main ul li, div#grid ul li
{
	padding-left: 20px;
	background: transparent url(../images/bullet.jpg) no-repeat 0 0.3em;
	line-height: 1.7em; 
}
ul.spacedOut li {
    margin-bottom:20px;
}

dl.gridlike dt{
    float: left;
    width: 10em;
    font-weight: bold;
}

dl.gridlike dt, dl.gridlike dd{
    margin-bottom: 5px;
}

.overFlowAuto {
    overflow: auto;
}

#main .tableLayout dt, #main .tableLayout dd, #main ul.tableLayout li{
    line-height: 2em; /*bughack in ie6*/
}

#content #main ul.tableLayout li {
    background: none;
    padding-left: 0em;
}

#content #main .tableLayout .singleLinespace {
    line-height: 1em;
    margin-bottom: 3px;
}

#content #main .quoteFormLeftHeading, #content #main .quoteFormRightHeading {
    margin-top: 0em;
}

.quoteFormLeftHeading {
    margin-left: 12em;
}

dl.tableLayout dt {
    float: left;
    width: 10em;
    clear: left;
    padding-left: 1em;
}

dl.tableLayout dd {
    float:left;
    margin-left: 0em;
    padding-left:1em;
}

.tableLayout input.longText {
    width:10em;
}
.tableLayout input.twoDigits {
    width:2em;
}
.tableLayout input.fourDigits {
    width:4em;
}

#content #main .quoteFormBox .asterisk {
    color: red;
    font-weight: bold;
}
.alignAsterisks .asterisk {
    margin-left: -1em;
}

.shiftLeft {
    margin-left: -1em;
}

label.blockLabel, .blockLabel label {
    display:block;
    float:left;
    clear: left;
}

label.fixedWidth10 {
    width: 10em;
}

.quoteMiscLeft {
    float: left; 
    width: 30%;
    line-height: 2em;
}    

.quoteMiscRight {
    float: left; 
    width: 60%;
    line-height: 2em;
}    

.rightColumnQuoteForm {
    float:right; 
    width: 14em;
}
.leftColumnQuoteForm {
    float:left; 
    width: 24em;
}

.quoteFormBox {
    border: 1px solid #999999; 
    padding:3px; 
    margin: 10px 0em;
}

dl.spanWholeRow dt {
    clear: left; 
}

dl.spanWholeRow dt, dl.spanWholeRow dd {
    float: left;
    width: 45%
}

#labrokers_insurers 
{
    background-image:url('http://www.labrokers.ie/includes/images/labrokers_insurers.gif');
    background-position:center;
    background-repeat:no-repeat;
    height:100px;
}

/* generic font styles */
.small1 {
    font-size: 0.85em;
} 
div#content .salientText {
    color: #C00000 !important;
    font-weight: bold;
}

.logoList {
    text-align: center;
}

.logoList img {
    border: 1px solid #CCCCCC;
}

.no_underline a{
    text-decoration: none;
}

#content .blue {
    color: #1A3149;
}

#content .lightBlue {
    background-color: #F1F7F7;
}

.rounded {
    -moz-border-radius: 5px;
}

.smallPadding {
    padding: 5px;
}

/* Forms */

form.twoColumnForm label.blockAlignRight, form.twoColumnForm .flushLeft{
    float:left;
    width: 14em;
    text-align: right;
    margin-right: 10px;
}

form.twoColumnForm .rightLabel{
   float:left;
}

form.twoColumnForm input, form.twoColumnForm textarea {
    width: 20em;
}

form.twoColumnForm textarea {
    height: 8em;
    width: 20.4em
}

form.twoColumnForm textarea#message {

width: 17.5em;

}


form.twoColumnForm input.noResize, form.twoColumnForm .noResize input{
    width: auto;
    height: auto;
}

form.twoColumnForm input.noLabel{
    margin-left: 14em
}

/*form.twoColumnForm input. {

	background: #efecdb url(../images/arrow.gif) no-repeat 100% 50%;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.2em 30px 0.2em 0.2em;
	text-decoration: none;
	display: block;
}*/

form.twoColumnForm p {
    clear: both;
}

em.required {
    color: Red;
    font-variant:small-caps;
    font-size: 0.9em;
}

em.formHint {
    font-variant:small-caps;
    font-size: 0.9em;
    color: #666666;
}

.twoColumnShortLabels p{
    clear: both;
    margin-top: 4px;
    margin-bottom: 4px;
}

.twoColumnShortLabels label, #content .leftBlockLabel {
    float: left;
    display: block;
    width: 7em;
    position: relative;
    line-height: 1.6em;
    text-align: right;
    margin-right: .5em;
    font-weight: bold;
}


.twoColumnShortLabels {
    clear: both;    
}

.twoColumnShortLabels label .formHintRight {
    position: absolute;
    left: 29em;
    font-weight: normal;
} 

.twoColumnShortLabels .longText {
    width:20em;
}

.twoColumnShortLabels .shortText {
    width:7em;
}

.fourColumns {
    clear: both;
}
.fourColumns p {
    padding: 0px;
    margin: 0px;
    
}
.fourColumns .tiny, .fourColumns .short, .fourColumns .medium, .fourColumns .long {
    float:left;
    margin-right: 5px;
}
.fourColumns .tiny{
    width: 5em;
}

.fourColumns .short {
    width: 6em;
}

.fourColumns .medium {
    width: 8em;
}

.fourColumns .long{
    width: 11em;
}

#content .expand {
    width: 95%;
}

.labelsOnTop label{
    display: block;
    margin-left:3px;    
}

#content #main .labelsOnTop .paddedTop{
    padding-top: 1.2em;

}

.highlightOnFocus input:focus, .highlightOnFocus select:focus, .highlightOnFocus textarea:focus, .highlightOnFocus button:focus, .highlightOnFocus input:hover, .highlightOnFocus select:hover, .highlightOnFocus textarea:hover, .highlightOnFocus button:hover{
    outline: 2px solid yellow;
}
}
