/* -----------------------------------------------------------------------

[Introduction]
Geico Promotion CSS File
This style sheet provides styles to the Geico promotion pages.
Please contact webdesign@groundspeak.com with questions.
Last Updated:  7 Jul 2011 by AB

[Colors]

[Typography]
*  Default Font
    -  Verdana, Arial, Helvetica, Geneva, sans-serif is our primary font stack.
    -  Blueprint's "typography.css" file handles most of the heavy lifting for us.

[Hacking]
*  USE ONLY WHEN ABSOLUTELY NECESSARY
    -  Please try to avoide the use of hacks unless you need to make core functionality appear the same in all browsers.
    -  When using a hack, please comment the code with "{Browser} Hack".
    +  IE6
        -  * html {selector}
    +  IE7
        -  *+html {selector}
    +  Firefox
        -  @-moz-document url-prefix(){Selector(s){Attribute(s)}}
    +  Safari / Chrome
        -  @media screen and (-webkit-min-device-pixel-ratio:0){Selector(s){Attribute(s)}}
    +  Opera
        -  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){Selector(s){Attribute(s)}}
        
----------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
Begin General Styles
----------------------------------------------------------------------- */

*+html #Content{
margin-top:1.5em !important;
}
.Clear{
clear:both;
}
.AlignCenter{
text-align:center;
}

/* -----------------------------------------------------------------------
End General Styles

Begin Widgets
----------------------------------------------------------------------- */
h2.PageHeader a,h2.PageHeader a:link,h2.PageHeader a:hover,h2.PageHeader a:active,h2.PageHeader a:focus,h2.PageHeader a:visited{
margin-bottom:1em;
width:790px;
height:133px;
display:block;
text-indent:-999999px;
background:url(../images/header.png) no-repeat 0 0;
}
.PromotionWidget,.ErrorWidget,.ValidationWidget,.SuccessWidget{
margin:0 0 1.5em 0;
padding:1.5em;
}
.PromotionWidget p,#Content .NavigationWidget ul,#Content .NavigationWidget ul li{
margin:0;
padding:0;
}
.NavigationWidget{
margin-bottom:1.5em;
}
.NavigationWidget ul{
list-style-type:none;
}
.GeicoSearchWidget{
margin-top:2.5em;
}
.Indent{
margin-left:1.5em;
}
.Underline{
text-decoration:underline;
}
.ErrorWidget,.ValidationWidget{
color:#8c0b0b !important;
border:1px solid #8c0b0b;
}
.SuccessWidget{
color:#097009;
border:1px solid #097009;
}
.ErrorWidget p,.SuccessWidget p{
margin-bottom:0;
padding-left:24px;
}
.ErrorWidget p:first-child{
background:url(../images/icon_errorwidget.png) no-repeat 0 2px;
}
.SuccessWidget p:first-child{
background:url(../images/icon_successwidget.png) no-repeat 0 2px;
}
.ValidationWidget p,.ValidationWidget ul{
margin-bottom:0;
}
p.Step1,p.Step2,p.Step3{
margin-top:3px;
display:block;
height:24px;
width:24px;
text-indent:-999999px;
background:url(/images/home/sprite_numbers.png) no-repeat;
}
p.Step1{
background-position:-24px -24px;
}
p.Step2{
background-position:-72px -72px;
}
p.Step3{
background-position:-120px -120px;
}

/* -----------------------------------------------------------------------
End Widgets

Begin Forms
----------------------------------------------------------------------- */

#Content a.InputButton,#Content a.InputButton:link,#Content a.InputButton:visited,input.InputButton{
display:inline-block;
margin:0;
padding:.5em 1em;
color:#fff;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
border:none;
background-color:#00447c;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
input.InputButtonSmall{
margin:.25em 0 0 0;
padding:.25em .5em .35em .5em;
color:#fff;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
border:none;
background-color:#00447c;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
*+html input.InputButtonSmall{
padding:.25em .5em .25em .5em;
}
#Content a.InputButton:hover,#Content a.InputButton:active,#Content a.InputButton:focus,input.InputButton:hover,input.InputButton:active,input.InputButton:focus,input.InputButtonSmall:hover,input.InputButtonSmall:active,input.InputButtonSmall:focus{
background-color:#13b5ea;
}
.InputText,.InputTextSmall,.InputSelect{
padding:.25em;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
border:1px solid #b0b0b0;
}
.InputText{
width:450px;
}
.InputTextSmall{
width:150px;
}
.InputSelect{
width:457px;
}

/* -----------------------------------------------------------------------
End Forms

Begin Tables
----------------------------------------------------------------------- */

table{
margin:0;
padding:0;
width:100%;
border:2px solid #fff;
border-collapse:collapse;
border-spacing:0;
}
table th{
background-color:#dfe1d2;
border:2px solid #fff;
border-top:none;
font-weight:bold;
}
table td{
background-color:#fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
}
tbody tr:nth-child(even) td{
background-color:#ebeced;
}

/* -----------------------------------------------------------------------
End Tables

Begin Pagination
----------------------------------------------------------------------- */

.PaginationWidget{
margin:1.5em 0;
font-size:10px;
}
.pagination a{
text-decoration:none;
border:solid 1px #00447c;
color:#00447c;
}
.pagination a,.pagination span{
display:block;
float:left;
padding:3px 5px;
margin-right:5px;
min-width:1em;
text-align:center;
}
.pagination .current{
background:#13b5ea;
color:#fff;
border:solid 1px #13b5ea;
}
.pagination .current.prev,.pagination .current.next{
color:#b0b0b0;
border-color:#b0b0b0;
background:#fff;
}

/* -----------------------------------------------------------------------
End Pagination
----------------------------------------------------------------------- */