﻿
/********************** BASIC DISPLAY STUFF **************************/

body
{
font-family: Arial, sans-serif;
background: url("images/back.jpg");
}
a:link, a:visited, a:hover
{
text-decoration:none;
color: inherit;
}
.ie7 a:link, .ie7 a:visited, .ie7 a:hover
{
color:#000;
}
a:hover
{
text-decoration:underline;
}
.hide, body .hide
{
display:none;
}
#fw-header .logo
{
text-align:left;
}

/************************************ BUTTONS ****************************************/

button
{
border:none;
font:inherit;
}
.button
{
background: url("images/sprite.png") no-repeat -291px 0;
display: inline-block;
margin: 8px auto;
padding: 0 0 0 9px;
overflow: hidden;
cursor: pointer;
font-weight: bold;
}
.button span
{
 background: url("images/sprite.png") no-repeat right 0;
 display: inline-block;
 height: 31px;
 line-height: 31px;
 padding-right: 39px;
 margin-right: -29px;
 color: #fff;
 white-space: nowrap;
}
.button:hover
{
background-position: -291px -31px;
text-decoration:none;
}
.button:hover span
{
background-position: right -31px;
color: #179CC2;
}
.button:active span
{
border:0;
}

/****************************** Large ******************************/

.button.large
{
background-position: -291px -62px;
}
.button.large span
{
height: 62px;
line-height:62px;
background-position: right -62px;
padding:0 49px 0 10px;
}
.button.large:hover
{
background-position: -291px -124px;
}
.button.large:hover span
{
background-position: right -124px;
}

/****************************** Action ******************************/

.button.action
{
background-position: -291px -186px;
}
.button.action span
{
background-position: right -186px;
}
.button.action:hover
{
background-position: -291px -217px;
}
.button.action:hover span
{
 background-position: right -217px;
 color: #800000;
}

/****************************** Action Large ******************************/

.button.large.action
{
background-position: -291px -248px;
}
.button.large.action span
{
background-position: right -248px;
}
.button.large.action:hover
{
background-position: -291px -310px;
}
.button.large.action:hover span
{
 background-position: right -310px;
 color: #800000;
}

/*********************************** ERROR ************************************/

.bsc-error b, .bsc-error, .wdgt-form label.error b
{
display:inline-block;
}
.bsc-error b
{
width:33px;
height:33px;
background: url("images/sprite.png") no-repeat 0 -470px;
}
.bsc-error
{
max-width: 400px;
display:block;
margin:20px auto;
}
.wdgt-form label.error, .error, .wdgt-login label.error, .error
{
color:Red;
margin-left:26%;
}
.wdgt-form label.error b, .wdgt-login label.error b
{
background: url("images/sprite.png") no-repeat -33px -477px;
width:20px;
height:20px;
display:inline-block;
}
.wdgt-code-entry .error:empty
{
display:none;
}
.wdgt-code-entry .error:before
{
content:"";
display:inline-block;
background: url("images/sprite.png") no-repeat -33px -475px;
width:20px;
height:20px;
}

/****************************** Disabled ******************************/

.button.large.action.disabled, .button.large.action.disabled:hover, .button.large.disabled, .button.large.disabled:hover, .button.action.disabled, .button.action.disabled:hover, .button.disabled, .button.disabled:hover
{
filter: Alpha(Opacity=50);
opacity:.5;
cursor:default;
background-position: -291px -403px;
}
.button.large.action.disabled span, .button.large.action.disabled:hover span, .button.large.disabled span, .button.large.disabled:hover span, .button.action.disabled span, .button.action.disabled:hover span, .button.disabled span, .button.disabled:hover span
{
background-position: right -403px;
color:#fff;
}

/*********************************** ALERT ************************************/

.wdgt-alert
{
position:relative;
margin: 0 auto 1.5%;
opacity:0;
display:none;
}
.wdgt-alert > div
{
box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.close
{
background: url("images/sprite.png") no-repeat -58px -474px;
width:28px;
height:30px;
display:block;
position:absolute;
right:-10px;
top:-10px;
cursor:pointer;
}
.close:hover
{
 background-position:  -88px -474px;
}

/*********************************** PAYMENT ************************************/

.payment-image
{
float:right;
width:40%;
margin-bottom:1em;
}
.wdgt-help .csv-image
{
background: url("images/180px-CVC2SampleVisaNew.png") no-repeat;
width:180px;
height:113px;
display:block;
}

/************************************ HEADER ****************************************/

#fw-header .wdgt-image > div
{
box-shadow:none;
border:none;
}

/************************************ FOOTER ****************************************/

@media (min-width: 700px)
{
#fw-footer .wdgt-navigation li
{
min-width:0;
}
#fw-footer .wdgt-navigation li a
{
border:none;
background:none;
}
#fw-footer .wdgt-navigation li a:hover
{
text-decoration:underline;
color: inherit;
}
}
#fw-footer .wdgt-navigation li a b
{
display:none;
}
#fw-footer .wdgt-navigation li a
{
padding:5px 20px;
text-align:center;
}
#fw-footer .wdgt-navigation
{
padding-bottom:20px;
margin-bottom: 0;
}

/**************************** LISTINGS *******************************/

.wdgt-ofr-dtls-lnks a
{
padding-left:13px;
background: url("images/sprite.png") no-repeat -290px -491px;
}

/********************************* SURVEY WIDGET *********************************/

.wdgt-vote-list img
{
display:block;
}
.wdgt-vote-list.pre-vote img, .wdgt-vote-list.pre-vote label
{
cursor:pointer;
}


/**************************** IE *******************************/

.ie-bttn
{
overflow:hidden;
margin-right:-20px;
padding-right:20px;
display:inline;
zoom:1;
}
.ie7 button
{
overflow: visible;
}
.ie7 .button
{
height: 31px;
}
.ie7 .button.large
{
height:62px;
}
.ie7  #fw-footer .wdgt-navigation li
{
min-width:0;
}
.ie7  #fw-footer .wdgt-navigation li a:hover
{
text-decoration:underline;
color:#000;
}
