*
{
margin: 0;
padding: 0;
}
html
{
font-size: 100%;
}
html, body
{
background-color: #E8E8E8;
}
body
{
font-size: 62.5%; /* Sets font-size to 10px. This makes 1em = 10px */
font-family: verdana, tahoma, arial, sans-serif;
color: #5A5A5A;
line-height: 2em;
text-align: left;
}
/* form is the main Container for the entire site. */
form
{
width: 960px;
margin: 0 auto 1.5em auto;
}
/************************************************************************************************************************************
MainContainer: the container for the content of the entire site
************************************************************************************************************************************ */
.MainContainer_l, .MainContainer_r, .MainContainer_br, .MainContainer_bl
{
width: 100%; /* Prevents contents from bunching up. */
}
.MainContainer_br, .MainContainer_bl, .MainContainer_b
{
height: 47px;
}
.MainContainer_l
{
background: url(Images/shadowleft.gif) repeat-y bottom left;
}
.MainContainer_r
{
background: url(Images/shadowright.gif) repeat-y bottom right;
}
.MainContainer_br
{
background: url(Images/footerright.gif) no-repeat bottom right;
background-color: #E8E8E8;
}
.MainContainer_bl
{
background: url(Images/footerleft.gif) no-repeat bottom left;
}
.MainContainer_b
{
background: url(Images/footerbg.gif) repeat-x bottom left;
margin: 0 18px 0 19px; /* prevents bottom border from running past left and right corners*/
}
.MainContainer_Content
{
padding: 0 .8em .8em .8em;
}
/************************************************************************************************************************************
ContentContainer: the container for the content of the entire site
************************************************************************************************************************************ */
.ContentContainer_l, .ContentContainer_r, .ContentContainer_br, .ContentContainer_bl
{
width: 100%; /* Prevents contents from bunching up. */
height: 1%;
}
.ContentContainer_b, .ContentContainer_t
{
height: 18px;
margin: 0 20px;
background-color: #ffffff;
}
.ContentContainer_l
{
background: url(Images/white_tl.gif) no-repeat top left;
}
.ContentContainer_r
{
background: url(Images/white_tr.gif) no-repeat top right;
}
.ContentContainer_br
{
background:url(Images/white_br.gif) no-repeat bottom right;
}
.ContentContainer_bl
{
background: url(Images/white_bl.gif) no-repeat bottom left;
}
.ContentContainer_b
{
border-bottom: solid 2px #dddddd;
}
.ContentContainer_t
{
border-top: solid 2px #dddddd;
}
.ContentContainer_Content
{
background-color: #ffffff;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
padding: 0 1em .5em 1em;
min-height: 50em;
/* IE6 Hacks */
height: 1%;
margin: -2px 0;
}
#header
{
clear: both;
width: 100%;
margin-bottom: .3em;
}
#content
{
clear: both;
padding: .2em;
height: 1%; /*Prevents menu from jumping in IE when hovering*/
}
#footer
{
color: #000000;
text-align: center;
}
/* horizontal alignment */
#content, #userGreeting, #breadcrumb
{
margin: 0 .8em;
}
a.SiteLogo
{
float: left;
width: 305px;
height: 91px;
background: url(Images/logo.png) no-repeat;
margin: 0;
}
h1, h2, h3, h4, h5, h6
{
font-family: arial, tahoma, helvetica, sans-serif;
/*
color: #61717E;*/
color: #494949;
}
/* Used for Page Headings */
h2
{
font-size: 2.2em;
margin: 0 0 .8em 0;
}
h3
{
font-size: 2em;
margin: .8em 0;
font-weight: bold;
}
h4
{
font-size: 1.8em;
font-weight: bold;
}
#home h4
{
border-style: dotted;
border-width: 0 0 2px 0;
padding: 0 0 .2em 0;
margin-bottom: .8em;
}
h5
{
padding: 1.2em 0 .2em 0;
font-size: 1.7em;
}
h6
{
font-size: 1.5em;
}
h6
{
margin-bottom: .5em;
}
h6 em
{
text-transform: uppercase;
}
table
{
font-size: 1em;
margin: .5em 0 1em 0;
border-collapse: collapse;
}
dfn
{
color: #000000;
font-weight: bold;
font-style: normal;
}
blockquote
{
/* display: inline; */
clear: none;
width: 60%;
margin: 0;
margin-left: 2.5em;
padding: 0 .5em;
font-style: italic;
}
br, hr
{
clear: both;
}
hr
{
border-style: solid;
border-width: .1em 0 0 0;
}
p, #breadcrumb, #userGreeting, label, dt, dfn, legend
{
font-size: 1.2em;
}
p label
{
font-size: 1em;/* Prevents child label of p from being too big */
}
p
{
margin: 1em 0;
}
a:link, a:visited, a:hover, a:active
{
text-decoration: underline;
color: #376070;
font-size: 1.1em;
}
a:hover
{
color: #96D030;
}
a img
{
border: none;
}
img
{
vertical-align: middle;
border-width: 0;
/*padding: .2em;*/
}
em
{
font-weight: bold;
font-style: normal;
}
strong
{
font-size: 1.1em;
/*
color: #000000;
*/
font-weight: bold;
margin: 0;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/* Forms */
fieldset
{
border: solid .1em #ccc;
padding: 2em;
margin: 0;
margin-bottom: 1em;
}
/**/
legend
{
font-family: Georgia, Times New Roman, sans-serif;
font-weight: bold;
color: #666;
background-color: #eee;
border: solid .1em #ccc;
border-bottom-color: #999;
border-right-color: #999;
padding: .2em;
margin: 0;
margin-bottom: .5em;
}
br
{
/* clear: both;
margin: 0;
padding: 0; */
line-height: 0;
}
.watermark
{
color: #939597;
/*
color: #696a6b;
background-color: #cee0f3;*/
}
.SideNote, p.Deadline
{
font-size: 1em;
margin: .8em 0;
line-height: 130%;
}
label, input, select
{
margin-bottom: .2em; /* */
}
label, dt
{
text-align: right;
margin-right: 1em;
font-weight: bold;
}
label
{
clear: both;
float: left;
white-space: nowrap;
display: block;
padding: 0 .5em 0 0;
}
/* 'label em' is used when labels have required field next to them*/
label em
{
font-size: 80%;
color: #ff0000;
}
label input
{
vertical-align: middle;
}
.Left
{
float: left;
}
.Right
{
float: right;
}
.Centered
{
float: none;
text-align: center;
}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {padding-left:2.6em; background:#FFF6BF url(Images/error.png) no-repeat 8px 8px; color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.success div.Buttons, .error div.Buttons, .notice div.Buttons { height: 1%; float: none; clear: none; }
.notice p {padding: .5em 0 1em 0; }
.notice ul {margin: 1em 0 1em 1.5em; font-size: 1.2em; }
.notice li {line-height: 115%; vertical-align: middle; list-style-type: disc;}
img.Avatar
{
height: 25px;
width: 25px;
margin: 0 .4em 0 0;
}
div#userEdit label, #accountActivation label
{
width: 12em;
}
#passwordForceChange label
{
width: 14.5em;
}
#passwordRecovery #username label
{
width: 5.5em;
}
#passwordRecovery #question label
{
width: 10em;
margin-right: 1.5em;
padding: 0;
}
#login label, #contact label
{
width: 5.5em;
}
#login label
{
text-align: left;/* Looks better left aligned*/
}
#login label.RememberMe
{
font-size: 1em;
}
#changePassword label
{
width: 14em;
}
input[type="text"], input[type="password"], input.NormalTextBox, input.PasswordTextBox
{
width: 12em;
vertical-align: middle;
}
textarea
{
width: 300px;
height: 5em;
overflow: auto;
}
input.radio, input[type="radio"]
{
float: left;
margin: 0 1em 0 0;
border: none;
}
input[type="checkbox"]
{
margin: 0 .2em 0 0 ;
border: none;
}
.Watermark
{
color: #D1CDCD;
}
/*input[type="submit"], input[type="button"], input.btn, .CommandButton, */
a.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:hover, a.CommandButton:active,
input.CommandButton
{
/*
height: 20px;
color: #616070;
*/
color: #000000;
border: solid 1px #EF7101;
background: url(Images/commandbutton_bg.jpg) repeat-x;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: .2em .8em;
margin: 0 .4em 0 0;
text-align: center;
text-decoration: none;
cursor: pointer;
}
p .CommandButton
{
font-size: 1em;
}
input[type="submit"]:hover, input[type="button"]:hover, input.btn:hover, a.CommandButton:hover
{
/*text-decoration: underline;*/
}
a.CancelButton, a.CancelButton:link, a.CancelButton:visited, a.CancelButton:hover, a.CancelButton:active,
input.CancelButton
{
/*
color: #000000;
border: solid 1px #7D7D7D;
background: url(Images/cancelbutton_bg.jpg) repeat-x;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: .2em .8em;
margin: 0 .4em 0 0;
text-align: center;
text-decoration: none;
*/
border-left: solid 1px #BEBDBD;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.2em;
font-weight: normal;
padding: .2em .8em;
margin: 0 .4em 0 .8em;
text-align: center;
text-decoration: underline;
}
.Wizard a.CancelButton, .Wizard a.CancelButton:link, .Wizard a.CancelButton:visited, .Wizard a.CancelButton:hover, .Wizard a.CancelButton:active,
.Wizard input.CancelButton
{
color: #000000;
border: solid 1px #7D7D7D;
background: url(Images/cancelbutton_bg.jpg) repeat-x;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: .2em .8em;
margin: 0 .4em 0 0;
text-align: center;
text-decoration: none;
}
a.button, input.button, button
{
display: inline-block;
float: left;
/*
padding:5px 10px 5px 7px;
*/
margin:0 0.583em 0.667em 0;
padding: .5em 1em; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
}
a.button img, button img
{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Standard Buttons */
a.button:hover, .button:hover, button:hover
{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
a.button:active, .button:active, button:active
{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Used for short form fields i.e. Number fields */
input.ShortTextBox, input.Currency
{
width: 6em;
vertical-align: middle;
}
select.ShortTextBox
{
width: 8.5em !important;
}
select
{
width: 12.1em !important;
margin-right: .1em;
}
form dl
{
padding: 1em 0;
}
form dt
{
margin-right: 1.5em;
float: left;
width: 11em; /* lines up dd vertically */
padding: .2em;
}
form dd
{
height: 1%;
overflow: hidden; /* FireFox needs this to prevent dd from going underneath floated dt */
color: #000000;
font-size: 1.3em;
padding: .2em;
}
ul#headerUtilities
{
display: inline;
float: right;
margin: .2em 0;
}
ul#headerUtilities li
{
list-style-type: none;
padding: 0 1em 0 0;
display: inline;
font-size: 1.1em;
font-weight: bold;
}
ul#headerUtilities li a
{
color: #5EBE27;
border-bottom: solid 1px #5EBE27;
padding-bottom: .1em;
text-decoration: none;
}
ul#headerUtilities li a:hover
{
border: none;
color: #FF8601;
}
.LiveChat
{
margin: .8em 0;
}
a.LiveChat:link, a.LiveChat:visited, a.LiveChat:hover, a.LiveChat:active
{
font-size: 1.4em;
font-weight: bold;
color: #FF8601;
text-decoration: underline;
cursor: pointer;
}
a.LiveChat:hover
{
text-decoration: none;
}
li.FBConnect a.fbconnect_login_button:link, li.FBConnect a.fbconnect_login_button:visited, li.FBConnect a.fbconnect_login_button:hover, li.FBConnect a.fbconnect_login_button:active
{
color: #3B5998;
text-decoration: none;
padding-bottom: 0;
border: 0;
}
li.FBConnect a.fbconnect_login_button img
{
margin: .1em 0 ; /*prevents fb button from jumping on hover*/
}
/* mainNav: related to the main navigation in the header */
div#mainNav
{
border-top: solid 4px #9D9D9D;
border-right: solid 1px #9D9D9D;
background-color: #ffffff;
overflow: hidden;
}
div#mainNav ul
{
list-style: none;
padding: 0;
margin: 0;
background-color: #ffffff;
}
div#mainNav ul li
{
float: left;
padding: .5em 1.4em .5em .8em;
background-color: #ffffff;
}
div#mainNav ul li a,
div#mainNav ul li a:link,
div#mainNav ul li a:visited,
div#mainNav ul li a:hover,
div#mainNav ul li a:active
{
display: block;
text-indent: -9000px;/*prevents text from being displayed */
height: 35px;
border: none;
outline: none;
}
div#mainNav ul li.postgb a
{
background: url(Images/menu_postgb.png) 0 0 no-repeat;
width: 126px;
}
div#mainNav ul li.groupbuys a
{
background: url(Images/menu_groupbuys.png) 0 0 no-repeat;
width: 137px;
}
div#mainNav ul li.learnmore a
{
background: url(Images/menu_learnmore.png) 0 0 no-repeat;
width: 159px;
}
div#mainNav ul li.help a
{
background: url(Images/menu_help.png) 0 0 no-repeat;
width: 126px;
}
/* mainNav current & hover */
form.GroupBuyEdit div#mainNav ul li.postgb a,
form.GroupBuyPostWizard div#mainNav ul li.postgb a,
div#mainNav ul li.postgb a:hover,
div#mainNav ul li.postgb a:active
{
background-position: -126px 0 ;
}
form.GroupBuySearch div#mainNav ul li.groupbuys a,
div#mainNav ul li.groupbuys a:hover,
div#mainNav ul li.groupbuys a:active
{
background-position: -137px 0 ;
}
form.LearnMore div#mainNav ul li.learnmore a,
div#mainNav ul li.learnmore a:hover,
div#mainNav ul li.learnmore a:active
{
background-position: -159px 0 ;
}
form.Help div#mainNav ul li.help a,
div#mainNav ul li.help a:hover,
div#mainNav ul li.help a:active
{
background-position: -126px 0 ;
}
/* mainSearch: related to the main search area in the header */
div#mainSearch
{
border-right: solid 1px #9D9D9D;
border-bottom: solid 1px #9D9D9D;
background: url(Images/mainSearchBg.jpg) repeat-x;
height: 41px;
float: right;
width: 638px;
}
/* footerNav: related to the footer navigation in the header */
div#footerNav
{
margin: 0 auto;
}
div#footerNav ul li
{
list-style: none;
display: inline;
padding: 0 .5em;
width: 10em;
background: #E8E8E8;
white-space: nowrap;
font-size: 1.1em;
text-transform: capitalize;
color: #000000;
}
#header h1
{
text-indent: -5000px; /* hides the text */
height: 0em; /* collapses the vertical space */
}
div.YouGotMail
{
text-align: center;
}
/*====================================================================
SimpleSearch classes - Used for the Simple Search functionality in the site header.
====================================================================*/
div.SimpleSearch
{
float: right;
display: inline;
padding: .4em .2em .2em .2em;
margin: 1.2em 1.5em 0 0;
background: url(Images/simpleSearchBg.jpg) no-repeat;
width: 373px;
height: 30px;
}
div.SimpleSearch input.Keywords
{
vertical-align: middle; /*Vertically aligns textbox with command button */
width: 21em;
font-size: 1.4em;
font-weight: bold;
margin: .2em 0 0 .3em;
}
div.SimpleSearch a.CommandButton
{
vertical-align: middle;
}
#status
{
padding: .2em .4em;
background-color: #F2F2F2;
height: 1%;
}
/* Used to hide elements */
.Hidden
{
display: none;
}
.highlight
{
font-weight:normal;
background-color:#ffff99;
line-height:10px;
/*
padding-left:2px;
padding-right:2px;
*/
}
/*====================================================================
Breadcrumb - Used for breadcrumb links in the site header.
====================================================================*/
#breadcrumb
{
clear: both;
float: left;
display: inline; /* Fixes IE6 double margin */
margin-bottom: .2em;
}
/*====================================================================
MainContent - Used as a container for the main content (i.e. Text and images together) of each page of the site.
====================================================================
div.MainContent
{
white-space: nowrap;
} */
/*==============================================================
contact: used for Contact.aspx
==============================================================*/
#contact span.Error
{
margin-left: 10.2em;
}
#contact hr
{
margin: 0;
padding: 0;
border: dotted 1px #ccc;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
text-align: center;
margin: 1em auto;
/*
*/
}
#contact p#mailingAddress
{
font-weight: bold;
font-size: 1.4em;
margin: 1.5em 0;
}
/*==============================================================
aboutUs: used for the slide show section on Default.aspx
==============================================================*/
/*==============================================================
slideShow: used for the slide show section on Default.aspx
==============================================================*/
#slideShow
{
float: left;
border: solid 1px #cccccc;
padding: .5em;
margin: 0 1em .5em 0;
height: 255px;
width: 300px;
}
/*==============================================================
Categories: used for the 'Categories' section on Default.aspx
==============================================================*/
ul.Categories
{
list-style: none;
}
ul.Categories li
{
display: inline;
line-height: 150%;
}
#home ul.Categories li
{
margin: .5em 1em 5em 0;
font-size: 1.8em;
}
#searchCriteria ul.HorizontalRadioButtons
{
margin-left: 8.8em;
}
#searchCriteria ul.Categories
{
width: 65em;
margin-left: 8em;
}
#searchCriteria ul.Categories li
{
margin: .5em 1em 5em 0;
font-size: 1.1em;
}
#searchCriteria ul.Categories li a.CurrentCategory
{
font-weight: bold;
font-size: 1.2em;
}
#home #register
{
text-align: center;
float: left;
background-color: #E8F3F8;
border: solid 1px #079DDC;
/*
background-color: #D8F5C1;
border: solid 1px #4AD308;
*/
width: 300px;
margin: 0 0 0 2em;
}
#home #register p
{
color: #000000;
}
/*
#home div.SimpleSearch
{
float: none;
background: none;
padding: 0;
margin: 0;
width: 100%;
}
#home div.Categories
{
width: 500px;
font-size: 1.2em;
}
#home div.Categories a
{
margin: .5em 1em .5em 0;
font-size: 1.8em;
}
*/
/*==============================================================
aboutUs: used for the 'About Us' section on Default.aspx
==============================================================*/
#aboutUs
{
float: left;
height: 1%;
/*
clear: right;
width: 450px;
*/
line-height: 175%;
white-space: normal;
padding: 0 .5em;
overflow: hidden; /* FireFox needs this to prevent About Us from going underneath the floated pics */
margin-bottom: 2em;
width: 550px;
}
#home .MainContent h2
{
margin-bottom: .6em;
padding: 0;
/*color: #5EBE27;*/
font-family: Trebuchet MS, Verdana, Arial;
color: #468E1D;
clear: both;
}
#aboutUs h3
{
color: #468E1D;
font-size: 1.6em;
font-family: Trebuchet MS, Verdana, Arial;
font-weight: bold;
padding: 0;
border: none;
text-decoration: none;
margin: 0 0 .2em 0;
}
#aboutUs p
{
margin: 0 0 1.2em 0;
font-size: 1.2em;
color: #000000;
}
#aboutUs a.LearnMore:link, #aboutUs a.LearnMore:visited, #aboutUs a.LearnMore:hover, #aboutUs a.LearnMore:active
{
text-decoration: none;
color: #5EBE27;
}
#aboutUs a.LearnMore:hover
{
text-decoration: underline;
color: #FF8601;
}
#aboutUs a.SignUp
{
position: relative;
top: 0;
left: 100%;
}
#callToAction
{
margin: 1em 0 0 0;
text-align: center;
}
.LearnMore a.ReadMore
{
font-size: 1.1em;
font-style: italic;
color: #376070;
cursor: pointer;
display: block;
margin: 0 0 .5em 1.2em;
}
.LearnMore a.ReadMore:hover
{
color: #96D030;
}
/*==============================================================
signUp: used for the 'Sign Up' section on Default.aspx
==============================================================*/
#signUp
{
float: right;
text-align: center;
width: 200px;
padding: .5em;
font-weight: bold;
}
#signUp p
{
line-height: 275%;
}
#signUp p#signIn
{
font-size: 1.1em;
line-height: 100%;
font-weight: normal;
}
#signUp p#signIn a
{
font-size: 1em;
}
#signUp em
{
font-size: 1.4em;
}
#footer a
{
color: #000000;
}
#footer a:hover
{
color: #ff0000;
text-decoration: none;
}
ul#legalInfo
{
clear: both;
margin: 1em 0 0 0;
}
ul#legalInfo li
{
list-style-type: none;
display: inline;
padding: 0 1em;
font-size: .9em;
}
.FooterNav
{
margin: .5em auto;
text-align: center;
}
/*
.FooterNav a:visited
{
color: #d32525;
}
*/
/* Form: used to style form container for all forms on the site. */
.Form
{
color: #000000;
background-color: #F2F2F2;
border: solid 1px #666666;
padding: .5em;
height: 1%;
}
/* Buttons: used when groups of buttons need to be displayed together. */
div.Buttons, ul.Buttons
{
clear: right;
/*
float: right;
*/
}
div.Buttons
{
padding: .5em 0 0 0;
}
input.Message, textarea.Message
{
width: 500px;
}
/* Instructions: Used to style containers used for instructions to the User. */
p.Instructions
{
margin: 1em 0 1.5em 0;
font-size: 1.3em;
}
/* Preview: Used to style containers used for displaying a preview of something to the User. */
.Preview
{
color: #494949;
font-size: 1.2em;
font-style: italic;
padding: .5em 1em;
border-style: dotted;
border-width: 1px;
width: 90%;
margin: .5em auto;
}
.Preview br
{
line-height: 125%;
}
/* Error: Used in the master page for displaying application errors. */
.Error, .Warning
{
color: #ff0000;
font-weight: bold;
}
span.Error
{
line-height: 125%;
/*
display: block;
clear: both;*/
}
.Error em, .Warning em
{
text-decoration: underline;
}
div.Error, p.Error
{
/*
width: 60%;*/
padding: 0 .5em .5em .5em;
background-color: #FFFACD;
border: dotted 1px #ff0000;
margin-bottom: 1em;
font-size: 1.2em;
}
.Error small
{
font-size: .9em;
}
.Error em
{
font-style: normal;
text-decoration: underline;
}
.Error ul
{
/*
list-style-type: square;
*/
margin-left: 2em;
}
/* Clear: Used in the master page for displaying application errors. */
.Clear
{
clear: both;
}
ul.Horizontal
{
list-style-type: none;
margin: 0;
}
ul.Horizontal li
{
display: inline;
padding: 0 .4em 0 0;
}
/*===================================================================================================================
HorizontalRadioButtons: used for display Radio buttons horizontally (i.e Match Types on GroupBuySearch.aspx .
VerticalRadioButtons: used for display Radio buttons vertically (i.e Set up advertising questions on Register.aspx .
====================================================================================================================*/
ul.HorizontalRadioButtons
{
display: inline;
}
.HorizontalRadioButtons li, .VerticalRadioButtons li
{
list-style-type: none;
padding: 0 .2em 0 0;
}
.HorizontalRadioButtons li
{
display: inline;
}
.HorizontalRadioButtons label, .VerticalRadioButtons label
{
float: none;
clear: none;
font-size: 1em;
font-weight: bold;
display: inline;
}
.HorizontalRadioButtons input.radio, .HorizontalRadioButtons input[type="radio"], .VerticalRadioButtons input.radio, .VerticalRadioButtons input[type="radio"]
{
float: none;
}
.HorizontalRadioButtons input.radio, .HorizontalRadioButtons input[type="radio"]
{
margin: 0 .3em 0 0;
}
/* Bookmark - used for anchor tags that serve as bookmarks. */
a.BookMark
{
text-decoration: none;
color: #666666;
}
p.Legend, .Legend p
{
font-style: italic;
}
.Legend em
{
font-style: normal;
color: #ff0000;
}
/* CategoryBreadCrumb - Container for the GBCategory bread crumb links displayed through out the site. */
div.CategoryBreadCrumb
{
padding: 1em 0 1em .2em;
clear: both;
}
/*
div.CategoryBreadCrumb label
{
font-size: 1.1em;
}
*/
/* paymentTypes - Container for the payment type check boxes on UserEdit.ascx. */
em.Username
{
font-size: 1.2em;
}
#paymentTypes
{
padding: 0;
margin: 0;
float: left; /* Prevents div from going beneath label in FF */
}
#paymentTypes table
{
margin: 0;
}
#paymentTypes table td
{
padding: 0 .4em 0 0;
}
#paymentTypes label
{
float: none;
display: inline;
margin: 0;
}
/* GroupBuyEdit stuff */
#categorySelect
{
margin-bottom: .2em ;
}
.CategoriesSelected
{
font-size: 1.2em;
}
#categorySelect h6
{
font-size: 1.3em;
font-family: tahoma, arial, verdana, sans-serif;
color: #000000;
}
#categorySelect label.SuggestNew
{
font-size: 1.2em;
font-weight: normal;
float: none;
clear: none;
text-align: left;
}
#categorySelect div.SuggestNew, #categorySelect div.SuggestNewActive
{
margin-top: .4em;
padding: .5em .3em;
}
/* Used when the Suggest New container is enabled. */
#categorySelect div.SuggestNewActive
{
background-color: #D8F5C1;
border: solid 1px #4AD308;
}
#categorySelect div.SuggestNewActive p
{
margin: .5em;
overflow: visible;/* Fixes the Firefox bug related to the cursor and the Suggest New textbox */
}
#categorySelect div.SuggestNewActive em
{
font-style: normal;
}
#categorySelect textarea
{
width: 53em;
margin: 0 .5em;
}
#categorySelect div.Buttons
{
margin-top: .2em;
}
/*=====================================================================
register - Styles used on Register.aspx
=======================================================================*/
#register li
{
list-style-type: none;
}
#register p
{
clear: both;
}
#register label
{
width: 12.5em;
}
#register span.Error
{
margin-left: 16.8em;
}
#passwordForceChange span.Error
{
margin-left: 19em;
}
#register ul.VerticalRadioButtons label
{
font-size: 1.2em;
}
label.AweberOptIn
{
font-size: 1.2em;
margin: .2em 0 .2em 16em;
padding: 0;
}
#register .Wizard .Buttons
{
margin: 0 0 0 19em;
}
label.TermsOfUse
{
font-weight: normal;
font-size: 1em;
margin: 1em 0 0 19em;
padding: 0;
}
div.Captcha
{
margin: .5em 0 1em 18.5em;
padding: 0;
clear: both;
display: block;
width: 19em;
}
/* Wizard: used to style wizard controls (e.g. Registration wizard on Register.aspx */
table.Wizard
{
width: 100%;
}
/*=====================================================================
howItWorks, termsOfUse & privacyStatement - Styles used on TermsOfUse.aspx and PrivacyStatement.aspx
=======================================================================*/
#howItWorks h6, #termsOfUse h6, #privacyStatement h6
{
margin-left: .5em;
}
#howItWorks p, #termsOfUse p, #privacyStatement p
{
margin-left: 1em;
}
#termsOfUse ul
{
list-style-type: disc;
margin: 1em 4em;
font-size: 1.2em;
}
/*=====================================================================
groupBuySearch - Styles used on GroupBuySearch.aspx
=======================================================================*/
/* Container for the keywords textbox, match type radio buttons, Search button etc. */
.GroupBuySearch #searchCriteria
{
/*
background-color: #D8F5C1;
border: solid 1px #4AD308;
*/
background-color: #F4F4F4;
border: solid 1px #DEDEDE;
padding: .4em;
margin: .4em 0 .2em 0;
color: #000000;
clear: right;
}
p.Success,.Success
{
/*
border: solid 1px #60A911;
background-color: #D4FDB0;
*/
background-color: #D8F5C1;
border: solid 1px #4AD308;
padding: .4em;
color: #000000;
clear: right;
}
.GroupBuySearch input.Keywords
{
width: 40em;
vertical-align: middle;
}
.GroupBuySearch label
{
width: 6em;
}
.GroupBuySearch .Summary
{
font-size: 1.2em;
display: inline;
clear: both;
float: left;
}
.GroupBuySearch .Summary em
{
color: #000000;
font-style: normal;
font-weight: bold;
font-size: 1.2em;
}
.GroupBuySearch ul.HorizontalRadioButtons
{
margin: 0 0 0 7.5em; /* Aligns container and text box */
}
/* searchResults - Container for the search results displayed at the bottom of GroupBuySearch.aspx */
#searchResults
{
margin: 1em 0;
}
.NoResultsFound
{
text-align: center;
color: #ff0000;
}
.NoResultsFound div.Buttons
{
margin: 0 auto;
text-align: center;
width: 10%;
}
.NoResultsFound p
{
font-size: 1.4em;
}
.NoResultsFound .PostGB
{
font-size: 2em;
}
.NoResultsFound em
{
text-decoration: underline;
}
/* Image ReorderList: Used for the image ReorderList on GroupBuyEdit.aspx */
div.ImageReorderList
{
width: 90%;
padding: .2em;
}
.ImageReorderList ul
{
list-style-type: none;
margin: 0;
}
div.ReorderDragHandle
{
cursor: move;
}
div.ImageReorderItemArea ,
div.DefaultImageReorderItemArea
{
padding: .5em;
height: 1%;
clear: both;
}
div.ImageReorderItemArea
{
border: solid 1px #B8B7B7;
background-color: #E8E8E8;
}
/* Used for the default image */
div.DefaultImageReorderItemArea
{
background-color: #D8F5C1;
border: solid 1px #4AD308;
}
.ImageReorderList img
{
float: left;
margin: 0 1.5em 0 0;
}
.ImageReorderList div.ImageInfo
{
float: left;
display: inline;
height: 1%;
clear: none;
}
div.ImageInfo label
{
width: 1em;
margin: 0;
text-align: left;
}
/* Used for the Join Types on Register.aspx and GroupBuyJoin.aspx */
table.JoinTypes
{
margin: 0 0 1.8em 1em;
}
table.JoinTypes td
{
vertical-align: top;
padding: .2em .2em .2em .2em;
font-size: 1.2em;
}
table.JoinTypes td dfn
{
font-size: 1em;
margin: 0;
}
table.JoinTypes td input[type="radio"]
{
margin-top: .2em;
}
/* ==============================================================
myGroupBuy: These classes are used on MyGroupBuy.aspx.
=================================================================*/
#myGroupBuy
{
font-size: 1em;
}
#myGroupBuy ul.Buttons
{
float: right;
}
#myGroupBuy div.CreateNewGB
{
margin-bottom: 1em;
}
/*
#myGroupBuy a
{
padding: 0 0 0 0;
}
*/
#myGroupBuy div.BuyerParticipationTypeFilter
{
font-size: 1.2em;
margin: .5em 0 .5em 0;
}
#myGroupBuy div.BuyerParticipationTypeFilter label
{
font-weight: normal;
font-size: 1em;
margin-right: 1em;
}
#myGroupBuy div.BuyerParticipationTypeFilter .HorizontalRadioButtons li
{
padding: 0 .5em 0 0;
}
#myGroupBuy div.BuyerParticipationTypeFilter .HorizontalRadioButtons input.radio,
#myGroupBuy div.BuyerParticipationTypeFilter .HorizontalRadioButtons input[type="radio"]
{
margin: 0 .1em 0 0;
}
/* ==============================================================
MyGroupBuyMainTabs stuff
-----------------------
These classes should be used for the main TabContainer on MyGroupBuy.aspx.
They are used by the AJAX TabContainer.
=================================================================*/
/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes: .ajax__tab_outer. */
.MyGroupBuyMainTabs .ajax__tab_header
{
white-space: nowrap;
}
/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
.MyGroupBuyMainTabs .ajax__tab_outer
{
display: inline-block;
}
/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
.MyGroupBuyMainTabs .ajax__tab_inner
{
display: inline-block;
}
/* An element of the tab that contains the text content. Child CSS classes:none. */
.MyGroupBuyMainTabs .ajax__tab_tab
{
margin-right: 4px;
overflow: hidden;
text-align: center;
cursor: pointer;
display: inline-block;
}
/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
.MyGroupBuyMainTabs .ajax__tab_body
{
font-family: verdana,tahoma,helvetica;
font-size: 10pt;
border: solid 1px #999999;
border-top: 0;
padding: 8px;
background-color: #ffffff;
}
/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
.MyGroupBuyMainTabs .ajax__tab_hover
{
}
/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
.MyGroupBuyMainTabs .ajax__tab_active
{
}
/* ==============================================================
MyGroupBuySubTabs stuff
-----------------------
These classes should be used for the nested/child TabContainer on MyGroupBuy.aspx.
They are used by the AJAX TabContainer.
=================================================================*/
/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes: .ajax__tab_outer. */
.MyGroupBuySubTabs .ajax__tab_header
{
}
/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
.MyGroupBuySubTabs .ajax__tab_outer
{
}
/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
.MyGroupBuySubTabs .ajax__tab_inner
{
}
/* An element of the tab that contains the text content. Child CSS classes:none. */
.MyGroupBuySubTabs .ajax__tab_tab
{
}
/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
.MyGroupBuySubTabs .ajax__tab_body
{
}
/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
.MyGroupBuySubTabs .ajax__tab_hover
{
}
/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
.MyGroupBuySubTabs .ajax__tab_active
{
}
/*
================================================================================
groupBuyView stuff: These classes should be used on GroupBuyView.aspx.
================================================================================
*/
#groupBuyView
{
width: 100%;
}
#groupBuyView h2
{
padding: .5em .1em .2em 0;
margin: 0 0 .2em 0;
}
/* GBID: Container for the GBID */
#groupBuyView span.GBID
{
float: right;
padding: 0;
margin-left: 1.5em;
}
#groupBuyView span.GBID, #groupBuyView span.GBID label
{
font-weight: normal;
white-space: nowrap;
}
#groupBuyView span.GBID label
{
font-size: .5em;
width: 6em;
padding-right: .2em;
color: #666666;
}
#groupBuyView div.BookmarkChicklets, div.QuantityPrice
{
float: right;
position: relative; /* needed for positioning 'share' popup */
}
/*
#groupBuyView div.BookmarkChicklets
{
border: solid 1px Red;
top: -15px;
}
*/
#groupBuyView div.BookmarkChicklets ul.Horizontal li
{
padding: 0 .8em 0 0;
}
/*popup: related to the 'share' popup */
div.PopupOn
{
font-size: .9em;
white-space: normal;
text-align: left;
padding: .2em .2em .6em .8em;
margin-right: .5em;
width: 40em;
text-decoration: none;
/*
color: #000000;
background-color: #D8F5C1;
border: solid 1px #4AD308;
*/
color: #636465;
background: #F7F7F8;
border: solid 1px #7E7F80;
}
#groupBuyView div.BookmarkChicklets div.PopupOn, div.QuantityPrice div.PopupOn
{
/**/
display: inline;
position: absolute;
top: 0;
right: -5px;
text-decoration: none;
z-index: 1;
}
#requestGBRelist
{
display: inline;
}
#requestGBRelist div.PopupOn p
{
margin: .5em 0 0 0;
}
#requestGBRelist p.Success
{
display: inline;
font-size: 1.1em;
background-image: url(Images/tick.png);
background-repeat: no-repeat;
background-position: 2% 50%;
padding: .4em .4em .4em 2.5em;
}
#groupBuyView div#userEdit .Buttons
{
float: none;
}
div.PopupOn h6
{
font-size: 1.9em;
text-decoration: none;
margin: .4em 0 .2em 0;
padding: 0;
border: 0;
}
div.PopupOn p
{
margin: 1em 0 0 0;
}
div.PopupOn em
{
font-size: 1em;
font-weight: bold;
color: #636465;
}
div.PopupOn label
{
font-weight: normal;
font-size: 1.1em;
color: #000000;
margin: 1em 0 .4em 0;
padding: 0;
}
div.PopupOn img.Close
{
float: right;
cursor: pointer;
}
a.JoinGBButton
{
border: 0;
text-decoration: none;
}
/* Code: classes related to the cut-n-paste code*/
div.Code
{
font-size: 11px;
font-family: Arial, Verdana, Tahoma, sans-serif;
/*
background: #F7F7F8;
color: #7E7F80;
width: 161px;
*/
background: #ffffff;
color: #000000;
border: solid 1px #A5ACB2;
width: 311px;
height: 17px;
cursor: text;
overflow: hidden;
/**/
margin: 0;
padding: 0 0 .1em .1em;
}
div.Code *
{
margin: 0;
padding: 0;
font-size: 1em;
color: #000000;
text-decoration: none;
cursor: text;
}
div.Code a:link, div.Code a:hover, div.Code a:visited, div.Code a:active
{
font-size: 1.1em;
color: #000000;
text-decoration: none;
}
/*
div.Code a:hover
{
font-size: 1.1em;
color: #000000;
text-decoration: none;
}
*/
div.PopupOn a.Mail
{
background: url(Images/email.gif) no-repeat 0 0;
/*
color: #636465;
*/
color: #000000;
text-decoration: none;
padding-left: 1.9em;
margin-right: 2.5em;
overflow: visible;
}
div.PopupOn a.Mail:hover
{
text-decoration: underline;
}
/*
ShareFull - used when the Share.ascx is in full display mode
*/
div.ShareFull
{
width: 98%;
margin: .5em 0;
border: none;
background: none;
font-size: 1em;
}
div.ShareFull p
{
margin: 1em 0;
}
div.ShareFull h6
{
font-size: 3em;
color: #ff0000;
}
div.ShareFull em
{
color: #000000;
}
a.SpecialButton:link, a.SpecialButton:visited, a.SpecialButton:hover, a.SpecialButton:active , span.SpecialButton
{
text-decoration: none;
font-family: Verdana;
font-weight: bold;
color: #099CDA;
font-size: 1.2em;
}
a.Share:link, a.Share:visited, a.Share:hover, a.Share:active , span.Share
{
text-decoration: none;
font-weight: bold;
color: #099CDA;
}
span.Share
{
cursor: pointer;
}
/* MoreInfo: related to More Info section on GroupBuyView.aspx */
dd.MoreInfo
{
margin-top: .5em;
}
dd.MoreInfo a, a.ShippingRates
{
color: #5EBE27;
text-decoration: underline;
cursor: pointer;
}
dd.MoreInfo a:hover, a.ShippingRates:hover
{
color: #FF8601;
text-decoration: none;
}
a.ShippingRates, a.ShippingRates:hover
{
font-size: .8em;
}
.MoreInfo dl
{
margin: 0;
padding: 0 ;
}
.MoreInfo br
{
line-height: 100%;
}
#groupBuyView span.GBID em
{
font-style: normal;
font-weight: bold;
font-size: .6em;
}
#groupBuyView #numOfViews
{
font-size: 1.1em;
font-family: arial, tahoma, helvetica, sans-serif;
}
#groupBuyView #numOfViews label
{
padding-right: .2em;
}
#groupBuyView #numOfViews em
{
color: #000000;
font-size: 1.4em;
font-weight: bold;
}
#groupBuyView hr
{
border-color: #d7d7d7;
}
#groupBuyView h5
{
border-bottom: solid 1px #d7d7d7;
margin-bottom: 1em;
/*
color: #000000;
text-transform: uppercase;*/
}
#groupBuyView h5 a
{
padding: .5em .2em .2em 0;
}
#groupBuyView div.Buttons
{
clear: none;
float: right;
display: inline;
padding: 0;
}
#groupBuyView div.ShareGB
{
float: none;
}
#groupBuyView #withdraw div.Buttons
{
float: left;
clear: right;
padding-top: .2em;
}
#groupBuyView div.ProductInfo, #groupBuyView div.ManagerInfo
{
margin: 0 0 0 .3em;
clear: both;
font-size: 1.1em;
}
#groupBuyView div.ProductInfo
{
padding: 0 0 .2em 0; /* Allows ProductInfo and ManagerInfo to line up vertically */
}
#groupBuyView div.ProductInfo label
{
font-weight: normal;
}
#groupBuyView .Tabs
{
margin: 2em auto;
}
#groupBuyView .GeneralInfo em
{
color: #000000;
font-weight: bold;
font-style: normal;
font-size: .9em;
/*
*/
}
#groupBuyView .GeneralInfo dt
{
width: 13em;
}
#groupBuyView div.ProposalInfo
{
display: inline; /* Lines up ManagerInfo and ProposalInfo side-by-side. */
}
#groupBuyView div.GBImages
{
width: 45%;
height: 1%;
float: left;
margin: 0 auto;
text-align: center;
/* overflow: hidden; Prevents IE from causing a missing image's alt text from spilling over */
}
#groupBuyView div.GBImages h6
{
border-bottom: none;
margin-bottom: .4em;
font-size: 1.1em;
text-align: left;
}
#groupBuyView div.GBImages div.CurrentPhoto
{
margin: 0 auto;
margin-bottom: 2em;
/*
padding-bottom: 1em;
overflow: hidden;*/
vertical-align: bottom;
text-align: center;
}
#groupBuyView div.GBImages div.CurrentPhoto img
{
margin: 0 auto;
display: block; /* makes img center align properly */
vertical-align: top;
}
div.GBImages #photoCaption
{
margin: 0;
padding: .2em 0;
font-size: 1em;
line-height: 110%;
}
#groupBuyView div.GBImages ul
{
text-align: left;
}
#groupBuyView div.GBImages li
{
display: inline;
list-style-type: none;
padding-right: .2em;
}
#groupBuyView img.Thumbnail
{
padding: .2em;
vertical-align: top;
}
#groupBuyView div.GeneralInfo
{
height: 1%;
clear: right;
overflow: hidden; /* FireFox needs this to prevent About Us from going underneath the floated pics */
/*
width: 45%;
border: solid 1px #0894F6;
background-color: #B0DAF7;
*/
}
#groupBuyView div.GeneralInfo dd a
{
font-size: 1em;
}
#groupBuyView div#buyers
{
}
#groupBuyView div#committedBuyers, #groupBuyView div#maybeBuyers, #groupBuyView div#limboBuyers,
#groupBuyView div.BuyersGrid
{
float: left;
width: 47%;
display: inline;
clear: right;
padding: 0 .2em;
/*
width: 350px; */
}
#groupBuyView div#committedBuyers
{
/*
float: left;
margin-right: 3em; */
}
#groupBuyView div#maybeBuyers
{
/*
float: left; */
}
#groupBuyView div.RelatedGBs
{
margin: 0 0 1.5em 0;
}
#groupBuyView .RelatedGBs ul
{
list-style-type: none;
margin: 0 0 0 4em;
display: block;
}
#groupBuyView .RelatedGBs li
{
float: left;
display: inline;
padding: 0 .4em 0 0;
vertical-align: bottom;
width: 30%;
clear: none;
}
#groupBuyView .RelatedGBs li a.Title, #groupBuyView .RelatedGBs a.More
{
width: 12.5em;
font-size: 1.2em;
font-weight: normal;
line-height: 110%;
margin: 0;
vertical-align: bottom;
text-decoration: underline;
display: block;
}
#groupBuyView .RelatedGBs li a.Thumb
{
min-height: 100px;
display: block;
}
#groupBuyView .RelatedGBs a.More
{
height: 100%;
clear: both;
float: left;
margin: 1.5em 0 0 0;
font-weight: bold;
}
/*
#groupBuyView .RelatedGBs ul
{
margin: 0 0 0 2em;
vertical-align: bottom;
font-size: 1.2em;
}
#groupBuyView .RelatedGBs a.More
{
font-size: 1.2em;
margin: 1.5em 0 0 0;
}
*/
#groupBuyView #description
{
clear: both;
margin: 1em .2em 1em .2em;
font-size: 1.2em;
}
#groupBuyView #description h5, #groupBuyView .RelatedGBs h6
{
padding: 1.2em 0 0 0;
}
#groupBuyView #description em
{
font-style: italic ;
font-weight: normal;
}
#groupBuyView #description p
{
font-size: 1em;
}
#groupBuyView #description ul
{
margin-left: 1.5em;
}
#groupBuyView #description ol
{
margin-left: 2em;
}
/*
#groupBuyView #description .Ads
{
position: relative;
}
#groupBuyView #description .AdSense
{
position: absolute ;
top:0;
right: 0;
float: right;
width: 300px;
}
*/
#groupBuyView #description .AdSense
{
float: right;
width: 300px;
padding: 0 .5em;
margin: 0;
}
#groupBuyView #additionalNotes
{
margin-top: 3em;
}
#groupBuyView .GeneralInfo p.UserStatus em , p.UserStatus em
{
color: #ff0000;
font-style: normal;
}
#groupBuyView .GeneralInfo p.UserStatus, #groupBuyView .GeneralInfo a.PayBalance
{
margin-left: 6em;
}
#groupBuyView .GeneralInfo p.UserStatus em
{
font-size: small;
line-height: normal;
}
.GoogleAdsHorizontal
{
margin: 3em auto .5em auto;
text-align: center;
}
.GoogleAdsDiscussion
{
margin: 0 auto;
padding: .5em 0;
text-align: center;
background: #D3D6DD;
}
.AdRotatorVerticalGBSearch
{
width: 125px;
text-align: center;
float: right;
margin-top: 2.5em;
/*
display: inline;
margin: 0 auto;*/
clear: none;
}
div.GBGrid{
clear: none;
}
.SellerFinalDecision dt
{
width: .5em;
}
.SellerFinalDecision dd
{
line-height: 115%;
margin-bottom: 1em;
}
/* DiscussionPosting: Used when ever DiscussionPostings are listed. */
.DiscussionPosting li
{
width: 90%;
list-style: none;
border-bottom: dashed .1em;
margin: 0 0 1em 0;
}
em.BuyerStatus
{
text-decoration: underline;
padding: 1em 0 1em 0;
}
.ShareGBAfterPosting
{
margin: .4em 0 0 0;
}
/* ==============================================================
GroupBuyViewTabs stuff
-----------------------
These classes should be used for the main TabContainer on GroupBuyView.aspx.
They are used by the AJAX TabContainer.
=================================================================*/
/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes: .ajax__tab_outer. */
.GroupBuyViewTabs .ajax__tab_header
{
font-family: "Helvetica Neue" , Arial, Sans-Serif;
background: url(Images/technorati/tab-line.png) repeat-x bottom;
display: block;
}
/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
.GroupBuyViewTabs .ajax__tab_outer
{
background: url(Images/technorati/tab.png) no-repeat left top;
border-color: #222;
color: #222;
padding-left: 10px;
margin-right: 3px;
}
.GroupBuyViewTabs .ajax__tab_header .ajax__tab_inner
{
background: url(Images/technorati/tab.png) no-repeat right top;
border-color: #666;
color: #666;
padding: 3px 10px 2px 0px;
}
/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
.GroupBuyViewTabs .ajax__tab_inner
{
color: #000000;
}
.GroupBuyViewTabs .ajax__tab_active .ajax__tab_outer
{
background: url(Images/technorati/tab.png) no-repeat 0pt -40px;
border-bottom-color: #ffffff;
}
.GroupBuyViewTabs .ajax__tab_active .ajax__tab_inner
{
background: url(Images/technorati/tab.png) no-repeat right -40px;
color: #000000;
border-color: #333;
}
/* An element of the tab that contains the text content. Child CSS classes:none. */
.GroupBuyViewTabs .ajax__tab_tab
{
font-size: 1.4em;
}
/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
.GroupBuyViewTabs .ajax__tab_body
{
font-family: verdana,tahoma,helvetica;
padding: 8px;
background-color: #ffffff;
border: solid 1px #d7d7d7;
border-top-width: 0;
}
/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
.GroupBuyViewTabs .ajax__tab_hover
{
}
*/
/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
.GroupBuyViewTabs .ajax__tab_active
{
}
*/
#myGroupBuy .GroupBuyViewTabs .ajax__tab_header
{
}
/*==================================================================================================
editMyAccount: styles for EditMyAccount.aspx
====================================================================================================*/
#editMyAccount h6
{
clear: none;
}
/*==================================================================================================
userEdit: styles for UserEdit.ascx
====================================================================================================*/
div#userEdit legend
{
font-family: arial, tahoma, helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
color: #666;
background: none;
border: none;
border-bottom: solid .1em #666;
padding: .2em;
margin: 0;
margin-bottom: .5em;
width: 100%;
}
div#userEdit label
{
width: 14.5em;
}
div#userEdit div#changePassword .Buttons
{
margin: 0 0 .5em 19.2em;
}
div#userEdit span.Error
{
margin: 0 0 0 .2em;
}
/*==================================================================================================
groupBuyJoin: styles for GroupBuyJoin.aspx
====================================================================================================
#groupBuyJoin p.UserStatus em
{
font-size: 1.1em;
}
#groupBuyJoin label
{
width: 11em;
}
#groupBuyJoin span.Error
{
margin-left: 14.8em;
}
*/
/*==================================================================================================
editMessage, broadcastMessage: styles for EditMessage.aspx and BroadcastMessage.aspx
====================================================================================================*/
#editMessage label, #broadcastMessage label
{
width: 6em;
}
#editMessage label a:link, #editMessage label a:visited, #editMessage label a:hover, #editMessage label a:active
{
color: #000000;
}
/**/
#editMessage input[type="text"], input.LongTextBox, #editMessage textarea
{
width: 800px;
margin: 0;
padding: 0;
vertical-align: middle;
}
#editMessage textarea
{
overflow: auto;
}
textarea.Recipients
{
height: 3em;
}
#editMessage em,
#editMessage span.Error ,
#broadcastMessage span.Error
{
margin-left: 8.8em;
}
/**/
#broadcastMessage label.BroadcastToBuyers
{
margin-left: 7em;
}
#broadcastMessage .Success em
{
font-weight: bold;
font-size: 1.1em;
}
#editMessage em.Sender
{
margin-left: 0;
}
#broadcastMessage label
{
margin-bottom: .5em;
}
#editMessage em.Sender,
#editMessage em.Recipients,
#broadcastMessage label.BroadcastToBuyers,
#broadcastMessage em
{
font-size: 1.2em;
font-style: normal;
font-weight: normal;
}
#editMessage em#recipientInstructions
{
font-weight: normal;
}
div.GBSummaryHeader
{
color: #000000;
display: block;
margin-bottom: 2em;
}
div.GBSummaryHeader img
{
padding: 0 1em 0 0;
float : left;
}
div.GBSummaryHeader a:link, div.GBSummaryHeader a:visited, div.GBSummaryHeader a:hover, div.GBSummaryHeader a:active
{
margin: 0;
}
div.GBSummaryHeader a:hover
{
margin: 0;
}
div.GBSummaryHeader h4
{
color: #494949;
}
div.GBSummaryHeader h4 a:link,
div.GBSummaryHeader h4 a:visited,
div.GBSummaryHeader h4 a:hover,
div.GBSummaryHeader h4 a:active
{
color: #494949;
}
div.GBSummaryHeader h4 a:hover
{
text-decoration: none;
}
div.GBSummaryHeader label
{
clear: none;
float: none;
display: inline;
font-size: 1.1em;
padding: 0;
}
/* Used for displaying Buyers link, Category Search link and TimeLeft */
div.GBSummaryHeader ul.Details
{
display: inline;
clear: right;
list-style-type: none;
font-size: 1.1em;
margin-bottom: .5em;
line-height: 125%;
overflow: hidden;
}
/* AddressBookGrid stuff */
.AddressBook
{
width: 50%;
}
#addressBook
{
}
#addressBook label
{
font-size: 1em;
display: inline;
float: none;
}
#addressBook #buttons
{
float: left;
margin-top: 1em;
padding: 0 .2em;
}
.AddAddressBookEntry
{
background-color: #FFC469;
border: solid 1px #666666;
vertical-align: middle;
padding: .4em;
margin-left: 1em;
white-space: nowrap;
}
.AddressBookGrid
{
clear: left;
width: 100%;
margin: 1em;
}
.AddressBookGridSelect
{
background-color: #D8F5C1;
}
.AddressBookGridEdit
{
background-color: #FFC469;
}
.AddressBookGrid label
{
display: inline;
width: 4em;
}
/*====================================================================
Modal Popup classes - Use whenever modal popup controls are used.
====================================================================*/
.ModalPopup
{
position: absolute;/* Fixes FireFox missing cursor bug in the textbox */
display: block;
background-color: #ffffff;
border: solid 2px #666666;
/*
height: 80%;
width: 75%;
*/
height: 500px;
width: 750px;
overflow: scroll;
padding: .5em 1em;
margin: 0;
}
.ModalBackground
{
/*background-color: #000;
background-color: #ffffff;*/
background-color: #65665E;
filter: alpha(opacity=80);
opacity: 0.6;
}
.ModalPopup div.Buttons
{
float: none;
clear: none;
}
.ModalPopup p
{
margin: 0;
padding: 0;
}
/* ================================================================================
groupBuyEdit stuff: These classes should be used on GroupBuyEdit.aspx.
================================================================================*/
.GroupBuyEdit ul.ChoosePostType
{
margin: 0 0 0 2em;
}
.GroupBuyEdit ul.ChoosePostType li
{
font-size: 1.1em;
margin: 0 0 1em 0;
}
.GroupBuyEdit fieldset, #userEdit fieldset
{
border: none;
padding: 0;
margin: 2.5em 0;
}
.GroupBuyEdit input.NormalTextBox
{
width: 17em;
}
.GroupBuyEdit #quantityPricing
{
margin-left: 18.5em;
padding-bottom: .5em;
}
.GroupBuyEdit label
{
width: 14em;
}
.GroupBuyEdit label.PriceUnknown
{
clear: none;
float: none;
font-weight: normal;
display: inline;
}
.GroupBuyEdit span.Error
{
margin-left: 18.5em;
}
accountActivation span.Error
{
margin-left: 15.6em;
}
.GroupBuyEdit .PricingTypes
{
/*
float: none;
margin: 0;*/
font-size: 1.2em;
}
.GroupBuyEdit div.ShippingTerms
{
margin-left: 18.5em;
padding: 0;
}
.GroupBuyEdit .ShippingTerms label
{
margin-left: 0;
text-align: left;
font-weight: normal;
}
.GroupBuyEdit input.radio,
.GroupBuyEdit input[type="radio"],
#groupBuyPostWizard input.radio,
#groupBuyPostWizard input[type="radio"]
{
/**/
float: none;
margin: 0;
}
.GroupBuyEdit h6
{
margin-bottom: 0;
}
#categoriesSelected .CommandButton
{
/*margin-left: .6em;*/
}
.GroupBuyEdit #imageUpload label
{
width: 9em;
}
.GroupBuyEdit #additionalNotes span.Error
{
margin-left: 0;
}
.GroupBuyEdit label.PublishToFacebook
{
/*
margin: 0 0 0 15.5em;
*/padding: 0;
}
/* Used to display the selected category for the group buy in CategorySelect.ascx */
#categorySelect #categoriesSelected em
{
font-size: 1.1em;
}
/*tooltipHelp: Used for the help icon tooltips*/
span.tooltipHelp
{
font-size: .9em;
font-weight: normal;
}
span.tooltipHelp span
{
display: none;
font-size: .9em;
white-space: normal;
text-align: left;
line-height: 150%;
padding: .5em .4em .5em .5em;
margin: 0 0 0 .5em;
width: 20em;
text-decoration: none;
}
span.tooltipHelp:hover span
{
display: inline;
position: absolute;
border: 1px solid #cccccc;
background: #FEFFF3;
color: #6c6c6c;
text-decoration: none;
}
/*tooltipHelp: Used for the plain text and hyperlink tooltips*/
.tooltip {
display: none;
font-weight: normal;
white-space: normal;
line-height: 150%;
text-align: left;
padding: .5em .4em .5em .5em;
margin: 0 0 0 .5em;
width: 20em;
text-decoration: none;
border: 1px solid #cccccc;
background: #FEFFF3;
color: #6c6c6c;
}
.tooltip p
{
font-size: 1em;
}
/*
================================================================================
GBGrid, GBGrid_Pager:
- These classes should be used for tables (i.e.tables displayed by GridView or DataGrid controls).
- They provide.
================================================================================
*/
/*
table.GBGrid, .GBGrid table, .GBGrid td
{
border-width: 1px;
border-style: solid;
border-color: #cccccc;
border-collapse: collapse;
}
*/
table.GBGrid, .GBGrid table, .GBGrid td
{
border: none;
border: solid 1px #cccccc;
}
table.GBGrid
{
margin: 0 auto;
width: 100%;
}
/* Used for table headers */
.GBGrid tbody th
{
background-color: #fafafb;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
text-align: left;
/*
*/
font-size: 1.2em;
font-weight: bold;
white-space: nowrap;
}
.GBGrid th, .GBGrid thead th, .GBGrid tbody th
{
background-color: #FFF;
background-image: url(Images/th_bck.gif);
background-repeat: repeat-x;
padding: 15px 5px 15px 5px;
border-left: solid 1px #cccccc;
color: #666;
vertical-align: middle;
}
/* Used for table cells*/
.GBGrid tbody tr td
{
padding: .5em;
color: #666;
/*
*/
font-size: 1.2em;
}
/* Used to create a background when row is hovered. The last two selectors are required for style to work with IE. */
.GBGrid tbody tr:hover, tr.GBGrid:hover, tr.over td
{
background-color: #FFF;
background-image: url(Images/tr_bck.gif);
background-repeat: repeat;
}
.GBGrid tbody tr:hover, tr.GBGrid:hover, tr.over td
{
color: #454545;
}
/* Not needed because DataGrid does not render proper footer html.
.GBGrid tfoot td,
.GBGrid tfoot th
{
border-left: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cccccc;
padding: 4px 4px 4px 4px;
background-color: #FFF;
background-image: url(Images/foot_bck.gif);
background-repeat: repeat;
color: #666;
}
*/
/* Used for DataGrid caption and summary area. */
.GBGrid caption
{
text-align: left; /*color: #666;*/
padding: 5px 0 5px 0;
font-size: 1.2em;
}
/* Used for links in header */
.GBGrid tbody th a:link, .GBGrid tbody th a:visited, .GBGrid tbody th a:hover, .GBGrid tbody th a:active
{
color: #666;
}
.GBGrid tbody th a:hover
{
text-decoration: none;
}
.GBGrid .Draft .Price
{
font-weight: normal;
}
.GBGrid .Draft .Title a:link
{
/*background-color: #FDFBE7;*/
color: #C6C5C5;
font-weight: normal;
}
.GBGrid .Draft .Status
{
/*
color: #000000;
font-weight: bold;
*/
text-transform: uppercase;
}
/* Used for images in grid. */
.GBGrid .Thumbnail
{
text-align: center;
margin: 0 auto;
white-space: normal;
overflow: hidden;
}
.IsLeavingAsCommitted td
{
text-decoration: line-through;
color: #ff0000;
}
/* Used for Title column */
.GBGrid .Title
{
white-space: normal;
font-weight: bold;
}
/* Used for links in rows */
.GBGrid .Title a:link, .GBGrid .Title a:visited, .GBGrid .Title a:link, .GBGrid .Title a:visited
{
color: #FF8601;
text-decoration: none;
}
.GBGrid .Title a:hover, .GBGrid .Title a:active, .GBGrid .Title a:hover, .GBGrid .Title a:active
{
color: #96D030;
text-decoration: underline;
}
/* Used for Price column */
.GBGrid .Price
{
width: 10em;
text-align: center;
white-space: nowrap;
font-weight: bold;
overflow: hidden;
}
/*
.GBGrid .Price .tooltip a
{
text-decoration: none;
color: #376070;
cursor: pointer;
font-size: 1.2em;
}
.GBGrid .Price .tooltip a:hover
{
color: #96D030;
text-decoration: underline;
}
.GBGrid .Price a.PricePrivate
{
text-decoration: underline;
font-weight: normal;
color: #376070;
cursor: pointer;
}
*/
.tooltip.Price
{
font-size: 1.2em;
border: solid 1px Red;
}
a.ToolTipTrigger
{
text-decoration: underline;
color: #376070;
cursor: pointer;
font-size: 1em;
font-weight: normal;
}
a.ToolTipTrigger:hover
{
color: #96D030;
text-decoration: underline;
}
/* Used for Variable Price Tier displayed in Price column */
.GBGrid .Price .DefaultGrid
{
margin: .1em auto;
}
.GBGrid .Price .DefaultGrid th,
.GBGrid .Price .DefaultGrid td,
#groupBuyView .GeneralInfo .DefaultGrid th,
#groupBuyView .GeneralInfo .DefaultGrid td
{
font-size: .8em;
padding: .1em .3em;
}
.GBGrid .Price .DefaultGrid td,
#groupBuyView .GeneralInfo .DefaultGrid td
{
font-weight: normal;
}
.GBGrid a.Toggle
{
font-size: .8em;
font-weight: normal;
}
/* Used for Buyers column */
.GBGrid .Buyers, .GBGrid .NumOfViews
{
white-space: nowrap;
text-align: center;
width: 6%;
}
/* Used for Status column */
.GBGrid .Status
{
width: 13em;
white-space: nowrap;
}
.GBGrid .Status img
{
margin-right: .4em;
}
.GBGrid_Pager td table
{
text-align: right;
width: 99%; /* Allows pager to extend full length of grid in Opera */
border: 0;
margin: 0;
}
.GBGrid_Pager td table tr td
{
text-align: right;
border: 0;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1em;
width: 100%; /* Prevents pager from spanning the entire GridView width */
}
.GBGrid_Pager td table tr td a, .GBGrid_Pager td table tr td span
{
margin: 0 .25em; /* Spaces out active page number and inactive page numbers */
}
/* purchaseOrderDetails: Used in GBPurchaseOrder.ascx */
#purchaseOrderDetails
{
font-size: 1.2em;
}
#purchaseOrderDetails label
{
width: 15em;
/**/
text-align: right;
font-size: 1em;
clear: left; /* Prevents values from going above the label in Firefox */
}
#purchaseOrderDetails p
{
/* margin: 0 0 0 15.5em; Used to prevent Summary from running into its label */
font-size: 1em;
}
#purchaseOrderDetails h6
{
margin-top: 2em;
font-size: 1.3em;
}
#purchaseOrderDetails div#buyers table
{
width: 100%;
margin-top: .5em;
}
#purchaseOrderDetails span.Limbo
{
color: #ff0000;
font-style: italic;
}
#purchaseOrderDetails div#buyers table p
{
margin: 0;/* Remove margin declared earlier. */
margin-bottom: 1em;
}
#purchaseOrderDetails div#buyers table .Answer
{
white-space: normal;
}
#purchaseOrderDetails div#buyers table .PaymentStatus div.hr
{
border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 60%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
#purchaseOrderDetails div#buyers table .PaymentStatus div.hr hr {display: none}
#purchaseOrderDetails div.Buttons
{
font-size: .9em;
}
#purchaseOrderDetails div#buyers table .SellerNotes label,
#purchaseOrderDetails div#buyers table .SellerNotes .Error
{
font-size: .9em;
font-weight: normal;
}
#purchaseOrderDetails div#buyers table .SellerNotes label
{
float: none;
width: 10em;
text-align: left;
}
#purchaseOrderDetails div#buyers table .SellerNotes .Error
{
font-size: .8em;
}
/*
================================================================================
DefaultGrid, DefaultGrid_Pager:
- These classes should be used for tables (i.e.tables displayed by GridView or DataGrid controls).
- They provide.
================================================================================
*/
table.DefaultGrid
{
border: solid 1px #666666;
margin: .4em .2em;
}
.DefaultGrid caption
{
padding: 0;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #453827;
background: transparent;
text-transform: uppercase;
}
.DefaultGrid td, .DefaultGrid th
{
border: solid 1px #666666;
padding: .2em .4em;
white-space: nowrap;
font-size: 1.1em;
}
.DefaultGrid th, .DefaultGrid thead th, .DefaultGrid tbody th
{
border:solid 1px #666666;
font-weight: bold;
background-image: none;
padding: .3em;
background-color: #D8D8D8;
color: #494949;
text-align: left;
}
tr.DefaultGrid_Selected
{
background-color: #D8F5C1;
cursor: default;
}
.DefaultGrid label
{
float: none;
margin: 0;
}
table.BuyerGBParticipation
{
width: 100%;
}
.BuyerGBParticipation td
{
vertical-align: top;
}
.BuyerGBParticipation td em
{
color: #ff0000;
font-weight: normal;
}
/**/
.BuyerGBParticipation .Buyer
{
white-space: normal;
/* width: 25%; */
}
.BuyerGBParticipation .DateJoined
{
white-space: normal;
width: 14em;
}
.BuyerGBParticipation .Answer
{
white-space: normal;
width: 18em; /* */
}
.BuyerGBParticipation .Limbo
{
white-space: normal;
width: 10%;
}
.DefaultGrid .Buttons, .GBGrid .Buttons
{
text-align: center;
width: 4em;
font-size: 1em; /* Prevents button text from getting too big because of parent td's font-size */
}
/* Used when the DefaultGrid is empty (see BuyerGBParticipationGrid.ascx.cs) */
table.DefaultGridEmpty
{
width: 35em;
}
td.DefaultGridEmpty, .DefaultGridEmpty td
{
border-width: 0;
}
div.Tree,
.Tree table,
.Tree tr,
.Tree td,
.Tree div,
.Tree td div,
.Tree a
{
margin: 0;
padding: 0;
border-collapse: collapse;
}
.Tree td
{
font-size: 1.2em;
}
.Tree td div
{
height: 20px !important;
}
/*Prevents progress div from pushing ads down on the search page
div.ProgressContainer
{
position: relative;
}
*/
div.Progress
{
background: #D8F5C1 url(Images/indicator.gif) no-repeat 2% 50%;
border: solid 1px #4AD308;
font-weight: bold;
color: #000000;
padding: 1.5em 3em; /* Makes container wider */
text-indent: 2.3em; /* Forces text to the right of bg image */
/*
width: 13em;
margin: 0 auto;
clear: none;
position: absolute;*/ /*Prevents progress div from pushing ads down on the search page*/
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}
.Progress img
{
margin-right: .1em;
}
div.LoginProgress .ui-dialog-titlebar, .FBFeedDialogModal .ui-dialog-titlebar
{
display: none;
}
div.LoginProgress
{
background: #D8F5C1 url(Images/indicator.gif) no-repeat 25% 50%;
border: solid 1px #4AD308;
font-weight: bold;
font-size: 1.1em;
color: #000000;
padding: 1.5em 0 0 0; /* Makes container wider */
text-indent: 5.8em; /*Forces text to the right of bg image */
}
.FBFeedDialogModal
{
}
.RedirectProgress
{
background: url(Images/indicator.gif) no-repeat 10% 50%;
color: #000000;
padding: 1.5em 2.5em; /* Makes container wider */
text-indent: 1.5em; /* Forces text to the right of bg image */
margin: 0 auto;
text-align: center;
}
.RedirectProgress img
{
margin-right: .1em;
}
/*AutoComplete flyout */
.autocomplete_completionListElement
{
visibility : hidden;
margin : 0px!important;
background-color: #ffffff;
color : #000000;
border: solid 1px #666666;
cursor : default;
overflow : auto;
text-align : left;
list-style-type : none;
height : 150px;
/*
*/
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
background-color: #D8F5C1;
color: black;
padding: 1px;
}
/* AutoComplete item */
.autocomplete_listItem
{
background-color: #ffffff;
color : #000000;
padding : 1px;
}
/* ================================================================================
login stuff: These classes should be used on Login.aspx.
================================================================================*/
#login
{
vertical-align: top;
}
#login span.Error
{
margin-left: 8.2em;
}
#login h5
{
margin-bottom: .2em;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
font-weight: bold;
}
#login #returningUserLogin
{
float: left;
width: 30%;
padding: 0 1.5em 0 1em;
border-right: solid 1px #cccccc;
}
#login #returningUserLogin h5
{
margin: 0 0 .5em 0;
text-align: left;
}
#login #newUser
{
padding: 0 1em 0 2.5em;
height: 1%;
overflow: hidden; /* FireFox needs this to prevent newUser from going underneath returningUser */
}
#login #fbLogin
{
margin: 0 0 1.5em 0;
padding: 0 0 2.5em 0;
border-bottom: solid 1px #cccccc;
text-align: center;
}
#login #fbLogin h5
{
margin: 0 0 1.5em 0;
}
#login #newUser em
{
font-style: normal;
}
/*
#login #newUser strong
{
font-weight: normal;
text-decoration: underline;
}
*/
#login #newUser p, #login #newUser ul
{
font-size: 1.2em;
}
#login #newUser ul
{
margin: 0 0 1em 2em;
}
.ReturningUser #pCreateAccount
{
border-top: solid 1px #dddddd;
padding: .2em 0;
}
.ReturningUser .tabs .ui-tabs-nav,
.ReturningUser .ui-tabs-panel
{
width: 32em;
margin: 0 auto;
}
.ReturningUser .ui-widget-header
{
background: none;
border: none;
}
.ReturningUser .ui-state-default,
.ReturningUser .ui-state-active
{
text-align:center;
margin: 0 auto;
width: 45%;
padding: .6em;
border-bottom: solid 1px #dddddd;
border-bottom-width: 1px;
}
.ReturningUser .ui-tabs
{
border: none;
}
.ReturningUser .ui-tabs .NormalTextBox
{
width: 12em;
vertical-align: middle;
}
.ReturningUser .ui-tabs .ui-tabs-nav li a
{
float: none;
}
.ReturningUser .ui-tabs .FBTab
{
background-image: url(Images/Connect_dark_small_short.gif);
background-repeat: no-repeat;
background-position: 15% 60%;
margin-left: .4em;
}
.ReturningUser .ui-tabs .FBTab a
{
color: #3B5998;
}
.ReturningUser .ui-tabs .Container
{
border: solid 1px #dddddd;
}
/*
.ReturningUser .ui-dialog-title-dialog
{
background: Red;
}
.ReturningUser .ui-tabs
{
padding: .2em;
}
.ReturningUser .ui-tabs-panel
{
}
.ReturningUser .ui-widget, .ReturningUser .ui-widget p
{
font-size: 1em;
}
*/
#passwordRecovery em
{
font-size: 1.2em;
font-weight: normal;
}
/* ================================================================================
createGB stuff: These classes are used for the 'Create Group Buy' image links used
on Default.aspx and GroupBuySearch.aspx
================================================================================*/
/* Container for the 'Create Group Buy' link */
.GroupBuySearch #createGB #imgLink
{
position: static;
margin: .5em 0;
text-align: center;
}
#home #createGB #imgLink
{
right: 4px;
top: -48px;
}
/* ================================================================================
inviteSellerToSponsor stuff: These classes should be used on InviteSellerToSponsor.aspx.
================================================================================*/
#inviteSellerToSponsor label
{
width: 14em;
}
#inviteSellerToSponsor span.Error,
#inviteSellerToSponsor span.SideNote
{
margin-left: 18.5em;
}
#inviteSellerToSponsor span.SideNote
{
font-size: 1em;
font-style: italic;
}
#inviteSellerToSponsor textarea
{
width: 40em;
}
#inviteSellerToSponsor h4,
#replyToInvitationToSponsor h4,
#respondToOfferToSponsor h4
{
font-size: 1.6em;
}
/* ================================================================================
replyToInvitationToSponsor stuff: These classes should be used on ReplyToInvitationToSponsor.aspx.
================================================================================*/
#replyToInvitationToSponsor div.Buttons
{
clear: none;
float: right;
display: inline;
padding: 0;
margin-bottom: 1em;
}
#replyToInvitationToSponsor label,
#respondToOfferToSponsor label
{
width: 14.5em;
white-space: normal;
}
#replyToInvitationToSponsor span.Error,
#respondToOfferToSponsor span.Error
{
margin-left: 19.5em;
}
#replyToInvitationToSponsor br,
#respondToOfferToSponsor br
{
}
em.OtherProposalParticipant
{
font-size: 1.2em;
}
div.ProposalComments, p.ProposalComments
{
font-size: 1.2em;
margin: 0 0 0 14.5em; /* Used to prevent ProposalComments from running into its label */
}
label.ProposalComments
{
white-space: normal;
}
.ProposalComments
{
color: #000000;
background: #FFEE62;
}
#replyToInvitationToSponsor div.ProposalTerms em
{
font-size: 1.1em;
margin: 0;
font-style: italic;
font-weight: normal;
color: #ff0000;
}
#replyToInvitationToSponsor div.ProposalTerms em em
{
font-weight: bold;
font-style: normal;
margin: 0;
}
#replyToInvitationToSponsor table.ProposalTerms,
#respondToOfferToSponsor table.ProposalTerms
{
margin: .5em 0 .7em 0;/* Adds vertical spacing */
}
#replyToInvitationToSponsor h6
{
color: #000000;
border-bottom: solid 1px #d7d7d7;
margin-bottom: 1em;
/*
text-transform: uppercase;*/
}
#replyToInvitationToSponsor h6 a
{
padding: .5em .2em .2em 0;
}
#replyToInvitationToSponsor div#groupBuyView
{
margin-top: 4em;
}
#replyToInvitationToSponsor div.ProductInfo, #replyToInvitationToSponsor div.ManagerInfo
{
margin: 0 0 0 .3em;
clear: both;
font-size: 1.1em;
}
#replyToInvitationToSponsor div.ProductInfo
{
padding: 0 0 .2em 0; /* Allows ProductInfo and ManagerInfo to line up vertically */
}
#replyToInvitationToSponsor div.ProductInfo label
{
font-weight: normal;
}
#replyToInvitationToSponsor .GeneralInfo em
{
color: #000000;
font-weight: bold;
font-style: normal;
font-size: 1.2em;
}
#replyToInvitationToSponsor .GeneralInfo dt
{
width: 13em;
}
#replyToInvitationToSponsor div.GBImages
{
width: 45%;
height: 1%;
float: left;
margin: 0 auto;
text-align: center;
/* overflow: hidden; Prevents IE from causing a missing image's alt text from spilling over */
}
#replyToInvitationToSponsor div.GBImages h6
{
border-bottom: none;
margin-bottom: .4em;
font-size: 1.1em;
text-align: left;
}
#replyToInvitationToSponsor div.GBImages div.CurrentPhoto
{
padding-bottom: .5em;
overflow: hidden;
text-align: left;
}
#replyToInvitationToSponsor div.GeneralInfo
{
height: 1%;
clear: right;
overflow: hidden; /* FireFox needs this to prevent About Us from going underneath the floated pics */
}
#replyToInvitationToSponsor div#buyers
{
height: 1%;
}
#replyToInvitationToSponsor #description
{
clear: both;
margin: 2.5em .2em 1em .2em;
font-size: 1.2em;
}
#replyToInvitationToSponsor #description p
{
font-size: 1em;
}
#replyToInvitationToSponsor #description ul,
#replyToInvitationToSponsor #description ol
{
margin-left: 2em;
}
#replyToInvitationToSponsor #additionalNotes
{
margin-top: 3em;
}
#replyToInvitationToSponsor div#declineOffer label,
#respondToOfferToSponsor div#declineOffer label
{
width: 8em;
}
#replyToInvitationToSponsor div#declineOffer span.Error,
#respondToOfferToSponsor div#declineOffer span.Error
{
margin-left: 11em;
}
/*
================================================================================
ProposalTerms, ProposalTermsGrid_Pager:
- These classes should be used for tables (i.e.tables displayed by GridView or DataGrid controls).
- They provide.
================================================================================
*/
table.ProposalTerms
{
border: solid 1px #666666;
margin: 0;
border-right: none;
border-top: none;
border-bottom: none;
width: 70em;
}
.ProposalTerms caption
{
padding: 0;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #453827;
background: transparent;
text-transform: uppercase;
}
.ProposalTerms td, .ProposalTerms th
{
/*
white-space: nowrap;
*/
border: solid 1px #666666;
padding: .2em .4em .2em 0;
font-size: 1.2em;
text-align: center;
padding: .2em .3em;
}
.ProposalTerms td.Labels
{
/*white-space: nowrap;*/
white-space: normal;
text-align: right;
width: 15em;
}
.ProposalTerms td.ReadOnlyValues
{
background-color: #D8F5C1;
width: 12em;
text-align: center;
}
.ProposalTerms .ErrorMessages
{
border: none;
text-align: left;
font-weight: bold;
color: #ff0000;
font-size: 1em;
line-height: 100%;
width: 18em;
}
.ProposalTerms th, .ProposalTerms thead th, .ProposalTerms tbody th
{
text-align: center;
border:solid 1px #666666;
font-weight: bold;
background-color: #D8D8D8;
padding: .3em;
color: #494949;
}
tr.ProposalTermsGrid_Selected
{
background-color: #D8F5C1;
cursor: default;
}
.ProposalTerms label
{
float: none;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
display: inline;
}
.ProposalTerms td.Labels label
{
text-align: right;
}
.ProposalTerms td span.Error
{
font-size: .9em;
line-height: 100%;
}
/*
================================================================================
userRegistrationQuick:
- These classes should be used for the quick user registration section at
~/Controls/UserRegistrationQuick.ascx.
================================================================================
*/
#userRegistrationQuick label
{
width: 12.5em;
text-align: right;
}
#userRegistrationQuick span.Error
{
margin-left: 15.8em;
}
#userRegistrationQuick div.Buttons
{
margin-left: 15.6em;
padding-top: 1em;
}
/*
================================================================================
help: classes should be used for the Help.aspx.
================================================================================
*/
#help div#contact
{
margin-bottom: 1.8em;
}
div#faq h4
{
margin-bottom: .6em;
}
div#faq ul.faqQuestions
{
margin-left: 2em;
}
div#faq ul.faqQuestions
{
list-style-type: disc;
}
div#faq ul.faqQuestionsAndAnswers
{
list-style-type: none;
margin: 1.8em 0 0 .5em;
}
div#faq ul.faqQuestions li
{
padding-bottom: .5em ;
}
div#faq ul.faqQuestions li a,
div#faq ul.faqQuestionsAndAnswers li p,
ul.faqQuestionsAndAnswers li ol
{
font-size: 1.2em;
}
div#faq ul.faqQuestionsAndAnswers li h6
{
margin-bottom: 0;
}
div#faq ul.faqQuestionsAndAnswers li h6 a:hover
{
color: #494949;
text-decoration: none;
font-size: 1em;
}
div#faq ul.faqQuestionsAndAnswers li p
{
margin-top: 0;
}
ul.faqQuestionsAndAnswers li ol
{
margin: 0 0 1em 2.5em;
}
/*
================================================================================
iwstiLandingPage: classes should be used for the IWSTI.aspx landing page
================================================================================
*/
#iwstiLandingPage .about
{
border: solid 1px #66cc66;
padding: 1em;
margin-bottom: 2em;
}
#iwstiLandingPage h4
{
margin-bottom: .5em;
}
.slideShowLandingPages
{
border: solid 2px #000000;
float: left;
margin-right: 2.5em;
display: inline;
}
.landingPageContent
{
clear: right;
}
.landingPageContent h4
{
font-size: 3.4em;
font-weight: normal;
margin: .5em 0 1em 0;
}
.landingPageContent p
{
font-size:1.6em;font-weight:bold;text-align:left;
}
.landingPageContent a
{
font-size: 1.5em;
font-weight:bold;
color:#ff6633;
text-decoration:none;
}
/*
================================================================================
DiscussionPosting: classes should be used for the DiscussionPosting
================================================================================
*/
div.Posting
{
margin: 0;
border: solid 1px #000000;
background: #D3D6DD;
height: 1%;/*IE Hack: prevents background from being hidden*/
color: #000000;
overflow: hidden;
clear: both;
}
div.Posting h5
{
font-size: 1.1em;
font-weight: normal;
background-color: #666666;
color: #ffffff;
padding: 0;
margin: 0;
}
div.Posting h5, div.Posting .Author
{
padding-left: .5em;
}
div.Posting .Author
{
float: left;
font-weight: bold;
font-size: 1.1em;
height: 1%;
/* just in case author's name is really long*/
width: 17%;
overflow: hidden;
}
div.Posting .Author a
{
color: #000000;
}
div.Posting a:hover
{
color: #96D030;
}
div.Posting div.Buttons
{
clear: both;
margin-bottom: .2em;
}
div.Posting .Author div.Buttons
{
float: none;
clear: left;
text-align: left;
vertical-align: bottom;
}
div.Posting .Content, div.Posting .Content h6
{
color: #000000;
}
div.Posting .Content
{
float: right;
font-size: 1.2em;
width: 80%;
height: 1%;
background-color: #EEEEED;
padding: 0 .5em;
}
div.Posting .Content p
{
font-size: 1em; /* Fixes issue for when text is not contained in p tags */
}
div.Posting .Content em
{
font-style: italic;
font-weight: normal;
}
div.Posting .Content li
{
border: 0;
list-style-type: disc;
margin-left: 2em;
}
.MultiQuote
{
cursor: pointer;
}
.ReasonForEdit
{
border-top-style: dashed;
border-top-width: 1px;
font-style: italic;
font-size: 1.1em;
width: 100%;
}
/*
================================================================================
DiscussionPostingsGrid, DiscussionPostingsGrid_Pager: used for DiscussionPostingsGrid.ascx.
================================================================================
*/
table.DiscussionPostingsGrid, .DiscussionPostingsGrid table, .DiscussionPostingsGrid td
{
border: none;
}
div.DiscussionPostingsGrid_Pager
{
float: right;
border: solid 1px #000000;
margin: 0;
padding: 0;
background-color: #EEEEED;
clear: both;
}
div.DiscussionPostingsGrid_Pager li
{
margin: 0;
padding: 0;
}
div.DiscussionPostingsGrid_Pager span,
div.DiscussionPostingsGrid_Pager a
{
padding: .3em .5em;
border: none;
border-right: solid 1px #CCCCCC;
margin: 0;
float: left;
line-height: 125%;
}
div.DiscussionPostingsGrid_Pager span
{
background-color: #D3D6DD;
border-top: solid 1px #D3D6DD;
border-bottom: solid 1px #D3D6DD;
color: #000000;
font-weight: bold;
font-size: 1.1em;
line-height: 100%;
}
div.DiscussionPostingsGrid_Pager a
{
background-color: #EEEEED;
color: #006699;
text-decoration: none;
}
div.DiscussionPostingsGrid_Pager a:hover
{
color: #ff0000;
text-decoration: underline;
}
/* discussionPostingEdit: used on DiscussionPostingEdit.aspx */
#discussionPostingEdit label
{
width: 6.5em;
white-space: normal;
line-height: 125%;
}
#discussionPostingEdit label.PublishToFacebook
{
margin: 0 0 0 8em;
padding: 0;
width: 24em;
float: none;
clear: none;
text-align: left;
}
#discussionPostingEdit span.Error
{
margin-left: 8.3em;
}
#discussionPostingEdit input.NormalTextBox
{
width: 690px;
}
.DiscussionPostingQuote
{
background-color: #D3D6DD;
color: #000000;
border: 1px solid #9D9DA1;
border-bottom-color: #ffffff;
border-right-color: #ffffff;
width: 85%;
}
div.DiscussionPostingPreview
{
background-color: #EEEEED;
color: #000000;
margin-bottom: 1em;
border: solid 1px #333333;
}
div.DiscussionPostingPreview h4
{
background-color: #333333;
color: #ffffff;
font-size: 1.1em;
padding: .2em;
}
div.DiscussionPostingPreview h6
{
font-size: 1.2em;
margin-bottom: 0;
}
div.DiscussionPostingPreview h6,
div.DiscussionPostingPreview #content
{
color: #000000;
}
/* discussionPostingQuickReply: used to style the quick reply section of the DiscussionPostingGrid.ascx */
#discussionPostingQuickReply
{
margin: 1em 0 0 0;
}
#discussionPostingQuickReply h6
{
margin-bottom: .5em;
font-size: 1.4em;
background-color: #333333;
color: #ffffff;
padding: .2em;
}
#discussionPostingQuickReply h6 a:hover
{
color: #ffffff;
text-decoration: none;
font-size: 1em;
}
#discussionPostingQuickReply label
{
width: 5em;
}
#discussionPostingQuickReply span.Error
{
margin-left: 7.8em;
}
#discussionPostingQuickReply p
{
font-size: 1em;
}
#discussionPostingQuickReply label.PublishToFacebook
{
margin: 0 0 0 8em;
padding: 0;
}
/*===============================================================
paymentConfirmation: classes related to PaymentConfirmation.aspx
=================================================================*/
#paymentConfirmation #paymentDetails
{
font-size: 1.2em;
}
#paymentConfirmation #paymentDetails label
{
width: 10em;
font-size: 1em;
}
/*===============================================================
GBGrid2: classes related to the new GBGrid
=================================================================*/
.GBGrid .Title
{
vertical-align: top;
}
.GBGrid .Title p
{
font-size: .8em;
font-weight: normal;
line-height: 130%;
margin: .2em 0 0 0;
}
.GBGrid a.GBTitle
{
white-space: normal;
font-weight: bold;
}
/* BEGIN: Delete me after the new GBGrid is released */
.GBGrid .Title a:link, .GBGrid .Title a:visited, .GBGrid .Title a:link, .GBGrid .Title a:visited
{
color: #376070;
font-size: 1em;
}
.GBGrid .Title a:hover, .GBGrid .Title a:active, .GBGrid .Title a:hover, .GBGrid .Title a:active
{
color: #96D030;
}
/* END: Delete me after the new GBGrid is released */
.GBGrid a.GBTitle:link, .GBGrid a.GBTitle:visited, .GBGrid a.GBTitle:link, .GBGrid a.GBTitle:visited
{
color: #333333;
text-decoration: none;
}
.GBGrid a.GBTitle:hover, .GBGrid a.GBTitle:active
{
color: #96D030;
text-decoration: underline;
}
.GBStatusShoppingForDeal
{
color: #FF8601;
}
.GBStatusDealMade
{
color: #12a51c;
}
label.OnlyShowOpen
{
float: right;
font-size: 1.1em;
margin: 0 0 .5em 0;
color: Black;
}
/*===============================================================
JoinTypes: classes related to the new JoinTypes table on GroupBuyJoin.aspx
=================================================================*/
/*#groupBuyJoin td
{
}
#groupBuyJoin table.JoinTypes
{
margin-bottom: 1.8em;
padding: .4em;
}
#groupBuyJoin table.JoinTypes td
{
vertical-align: top;
padding: .2em .2em 2em .2em;
font-size: 1.2em;
}
#groupBuyJoin table.JoinTypes h6
{
margin: 0 0 .2em 0;
font-size: 1.3em;
text-transform: uppercase;
}
#groupBuyJoin table.JoinTypes p
{
font-size: 1em;
margin: 0 0 .5em 0;
}
#groupBuyJoin table.JoinTypes ul li, #groupBuyJoin #confirmUnderstandTerms ul li
{
list-style-type: disc;
margin: 0 0 .5em 2em;
line-height: 135%;
font-size: 1em;
}
#groupBuyJoin table.JoinTypes ul li em
{
font-weight: normal;
text-decoration: underline;
}
#groupBuyJoin table.JoinTypes .Option
{
margin: 0 auto;
text-align: center;
font-size: 1.5em;
font-weight: bold;
}
*/
#groupBuyJoin #confirmUnderstandTerms ul li
{
list-style-type: disc;
margin: 0 0 .5em 2em;
line-height: 135%;
font-size: 1em;
}
#groupBuyJoin #questionForBuyers
{
margin-top: 1em;
}
#groupBuyJoin #questionForBuyers em
{
font-size: 1.2em;
font-style: normal;
font-weight: normal;
}
#groupBuyJoin dfn
{
font-size: 1em;
margin: 0;
}
#groupBuyJoin #confirmUnderstandTerms
{
font-size: 1.2em;
}
#groupBuyJoin #confirmUnderstandTerms p, #groupBuyJoin #confirmUnderstandTerms label
{
font-size: 1em;
}
#groupBuyJoin #confirmUnderstandTerms label
{
margin-top: 1.5em;
font-weight: normal;
}
#groupBuyJoin label
{
width: 11em;
}
#groupBuyJoin span.Error
{
margin-left: 14.8em;
}
#groupBuyJoin .QuestionForBuyers
{
color: #000000;
}
#groupBuyJoin .Buttons
{
margin: 1em 0 0 0;
}
#groupBuyJoin #joinTypes
{
vertical-align: top;
font-size: 1.2em;
margin: 0 auto;
width: 70em;
}
#groupBuyJoin #joinTypes .Left
{
float: left;
width: 40%;
padding: 0 0 0 0;
}
#groupBuyJoin #joinTypes .Right
{
float: right;
width: 50%;
border-left: solid 1px #cccccc;
padding: 0 1.5em 0 4em;
height: 1%;
overflow: hidden;
}
#groupBuyJoin #joinTypes h6 label
{
font-size: 1em;
clear: none;
float: none;
margin: 0;
text-align: left;
}
#groupBuyJoin #joinTypes h6 input.radio,
#groupBuyJoin #joinTypes h6 input[type="radio"]
{
margin: 0 .4em 0 0 ;
}
#groupBuyJoin #joinTypes h6 option
{
margin: 0 0 .2em 0;
font-size: 1.3em;
text-transform: uppercase;
}
#groupBuyJoin #joinTypes ul li
{
margin: 0 0 .4em 2em;
line-height: 125%;
font-size: 1em;
}
#groupBuyJoin #joinTypes ul li em
{
/*font-weight: normal;*/
text-decoration: underline;
}
#groupBuyJoin #chooseInterestedOrLimbo label
{
float: none;
clear: none;
width: 100%;
text-align: left;
}
/* shipping stuff*/
.GroupBuyEdit label.RadioButton
{
clear: none;
font-weight: normal;
float: none;
display: inline;
}
fieldset.Shipping
{
}
.ShippingDetails
{
margin: 0 0 0 18em;
display: block;
height: 1%;
}
.ShippingDetails p, p.CommentsToSeller
{
margin: 0;
}
.GroupBuyEdit p.CommentsToSeller
{
margin-left: 15.2em;
}
ul.IsFreeShipping
{
display: inline;
clear: none;
float: none;
width: 20em;
}
div.ShippingDetails td label
{
font-weight: normal;
text-align: left;
}
div.ShippingDetails td .Error
{
margin: 0;
}
div.ShippingDetails th,
div.ShippingDetails td
{
padding: 0 .2em;
}
div.ShippingDetails th
{
font-size: 1.2em;
font-weight: normal;
text-decoration: underline;
}
.Centered
{
text-align: center;
margin: 0 auto;
}
/*====================== GroupBuyLeaveAsCommitted.aspx ==================================================
margin: 0 0 0 1.5em;*/
#leaveAsCommitted ul
{
margin: 0 0 1.8em 2em;
}
#leaveAsCommitted ul li
{
font-size: 1.2em;
}
/*====================== GBGridSimple.ascx ==================================================*/
#myGroupBuy #groupBuysList
{
margin: 0 .5em;
}
.NoGBsFound
{
text-align: center;
margin: 1em 0 0 0 ;
padding: 0;
}
.NoGBsFound em
{
text-transform: uppercase;
}
.popupMenu {
position:absolute;
visibility:hidden;
background-color: #ffffff;
}
.popupHover
{
background-image:url(images/header-opened.png);
background-repeat:repeat-x;
background-position:left top;
background-color:#ffffff;
}
ul.GBGridSimple
{
margin: 0;
}
.GBGridSimple li
{
padding: 0 0 .5em 0;
margin: 0 .5em .2em .5em;
list-style-type: none;
clear: both;
display: block;
border-bottom: solid 1px #EAE7E7;
}
.GBGridSimple li:last-child
{
border-bottom: none;
}
.GBGridSimple div.Thumbnail,
.GBGridSimple div.Content,
.GBGridSimple div.Details,
.GBGridSimple div.Price
{
display: inline;
clear: none;
height: 1%;
}
.GBGridSimple div.Thumbnail
{
width: 9em;
padding: .2em;
}
.GBGridSimple div.Content
{
height: 1%;
padding: 0;
}
.GBGridSimple div.Price
{
font-size: 1.2em;
margin-right: 5em;
font-weight: bold;
}
.GBGridSimple div.Price a:link,
.GBGridSimple div.Price a:hover,
.GBGridSimple div.Price a:active,
.GBGridSimple div.Price a:visited
{
font-size: 1.2em;
}
.GBGridSimple table.DefaultGrid
{
font-size: .8em;
}
.GBGridSimple a.button
{
padding: 2px 5px 3px 4px; /* Links */
}
/*
.GBGridSimple div.QuantityPrice
{
float: right;
position: relative;
}
.GBGridSimple div.QuantityPrice div.ShowQuantityPrice
{
display: inline;
position: absolute;
top: 0;
right: -5px;
text-decoration: none;
background-color: #ffffff;
}
.GBGridSimple div.QuantityPrice a:link, .GBGridSimple div.QuantityPrice a:visited, .GBGridSimple div.QuantityPrice a:hover, .GBGridSimple div.QuantityPrice a:active
{
text-decoration: underline;
}
*/
.GBGridSimple div.Thumbnail img
{
border: solid 1px #DDDDDD;
}
.GBGridSimple div.Content h6
{
font-size: 1.2em;
margin: 0;
font-weight: bold;
}
.GBGridSimple div.Content .Buttons
{
font-size: 1.1em;
}
/*
Undo this if you switch back to using CommandButton class
.GBGridSimple div.Content .Buttons a
{
color: #000000;
}
*/
.GBGridSimple div.Content p
{
font-size: 1.1em;
margin: 0;
line-height: 120%;
/*
width: 40em;
border: solid 1px Lime;
*/
}
.GBGridSimple div.Content a
{
font-size: 1em;
}
.GBGridSimple div.Content span.Buyers
{
width: 11.5em;
clear: both;
float: left;
white-space: nowrap;
display: block;
}
.GBGridSimple div.Content .Status
{
padding: .4em .4em .2em 0;
}
.GBGridSimple .Draft
{
/*
color: #2B61FC;
*/
color: #272727;
}
.GBGridSimple .Open
{
color: #04A908;
}
.GBGridSimple .Joined
{
color: #1A45C2;
}
.GBGridSimple .Closed
{
color: #BD0A0A;
}
h5.Started, h5.Joined, h5.Closed
{
font-family: Verdana, Arial, Tahoma;
font-size: 1em;
padding: .1em .4em;
margin: 1.5em 0 .2em 0;
color: #ffffff;
text-transform: uppercase;
}
h5.Started
{
background-color: #04A908;
}
h5.Joined
{
background-color: #1A45C2;
}
h5.Closed
{
background-color: #BD0A0A;
}
div.Content a:link, div.Content a:visited, div.Content a:hover, div.Content a:active
{
color: #5A5A5A;
}
div.Content a:hover
{
text-decoration: none;
}
div.Paging
{
padding: 0;
clear: both;
font-size: 1.1em;
}
.Paging a
{
font-size: 1.1em;
}
.GBGridSimple .notice li
{
font-size: 1em;
list-style-type: disc;
border-bottom: none;
margin: 0 0 0 .2em;
padding: 0;
}
.GBGridSimple .button
{
font-size: .9em;
}
/*====================== group buy view tabs ==================================================*/
ul.tabs
{
padding: 0 0 3px 0;
background-image: url(Images/technorati/tab-line.png) ;
background-repeat: repeat-x;
background-position: 0px 22px;
}
ul.tabs li
{
list-style:none;
display:inline;
}
ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:active
{
background: url(Images/technorati/tab-bg.png) repeat-x left top;
color: #666;
padding: 3px 10px 5px 10px;
text-decoration:none;
font-size: 1.4em;
font-family: "Helvetica Neue" , Arial, Sans-Serif;
border: 1px solid #d7d7d7;
border-width: 0 1px;
}
ul.tabs li a.active {
background: url(Images/technorati/tab-bg.png) repeat-x right -40px;
color:#282e32;
border: 1px solid #d7d7d7;
/*
border: none;
*/
border-width: 0 1px;
}
div.content
{
font-family: verdana,tahoma,helvetica;
padding: 8px;
margin: 0;
background-color: #ffffff;
border: solid 1px #d7d7d7;
border-top-width: 0px;
display: block;
}
div.inactive
{
border: none;
display: none;
}
/*====================== group buy edit tabs ==================================================
.GroupBuyEdit ul.tabs
{
padding: 0 0 3px 0;
}
.GroupBuyEdit ul.tabs li
{
list-style:none;
display: block;
}
.GroupBuyEdit ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:active
{
color: #666;
padding: 3px 10px 5px 10px;
text-decoration:none;
font-size: 1.4em;
font-family: "Helvetica Neue" , Arial, Sans-Serif;
background: #9DDCFD;
}
.GroupBuyEdit ul.tabs li a.active
{
background: #D8F5C1;
color:#282e32;
}
.GroupBuyEdit div.content
{
font-family: verdana,tahoma,helvetica;
padding: 8px;
margin: 0;
background: #D8F5C1;
border: solid 1px #d7d7d7;
border-top-width: 0px;
display: block;
}
.GroupBuyEdit div.inactive
{
border: none;
display: none;
}
*/
/*====================== group buy edit wizard ==================================================
.GroupBuyEdit td.Step
{
border: solid 1px Blue;
}*/
.GroupBuyEdit .Wizard td
{
padding: 0;
margin: 0;
}
.GroupBuyEdit td.SideBar
{
border: solid 1px Red;
width: 15em;
}
.GroupBuyEdit .SideBar td
{
margin: .2em 0;
}
.GroupBuyEdit .Header
{
border: solid 1px #898886;
border-width: 1px 1px 0 0 ;
text-align: left;
}
.GroupBuyEdit .Header, .GroupBuyEdit .Navigation, .GroupBuyEdit .Step
{
background-color: #E6F2DB;
}
.GroupBuyEdit .Navigation
{
border: solid 1px #898886;
border-top: none;
border-left: none;
}
.GroupBuyEdit .Step
{
color: #292929;
border-right: solid 1px #898886;
padding: 0 1em;
}
.GroupBuyEdit .SideBar
{
/*
background-color: #7C6F57;
*/
vertical-align: top;
background: none;
color: #ffffff;
border: 0;
}
.GroupBuyEdit .SideBarButton, .GroupBuyEdit .SideBarButton_Selected
{
color: #292929;
padding: .2em .4em .4em .4em;
font-size: 1.4em;
border: solid 1px #949392;
width: 100%;
}
.GroupBuyEdit .SideBarButton
{
background-color: #E8E8E8;
color: #ffffff;
}
.GroupBuyEdit .SideBarButton a
{
color: #292929;
}
.GroupBuyEdit .SideBarButton_Selected
{
background-color: #E6F2DB;
color: #5D7B9D;
border-right: none;
}
.GroupBuyEdit .SideBarButton_Selected a
{
color: #5D7B9D;
}
.GroupBuyEdit .NavButton
{
background-color: #284775;
color: #ffffff;
border: solid 1px #CCCCCC;
} /*
.GroupBuyEdit legend
{
font-size: 1.6em;
font-family: Arial Black, Arial, Verdana, sans-serif;
font-style: normal;
text-decoration: underline;
border: none;
background: none;
margin: 0 0 0 1em;
}
.GroupBuyEdit fieldset
{
border: 0;
margin: 0;
}
*/
.AdRotator_Bottom
{
margin: 0 auto;
text-align: center;
padding: .5em 0;
}
/* Tutorials - styles used on ~/Tutorials pages */
div.Tutorials
{
text-align: center;
margin: 0 auto;
}
.Tutorials #intro
{
text-align: left;
}
.Tutorials #intro ul
{
font-size: 1.2em;
}
.Tutorials h3
{
margin: 2em auto 1em auto;
}
.Tutorials h3 em
{
text-decoration: underline;
}
.Tutorials p
{
margin: 1.5em auto;
}
.Tutorials img
{
border: solid 1px #565252;
}
.Tutorials #screenshots p
{
margin: 0 0 3em 0;
}
.Tutorials .Register
{
font-size: 1.4em;
}
/* SiteMap - styles used on SiteMap.aspx and other pages displaying links on pages */
ul.SiteMap
{
float: left;
list-style: none;
font-size: 1.4em;
margin: 0 0 0 1em;
}
ul.SiteMap li
{
margin: 1em 0;
}
ul.SiteMap ul
{
list-style: none;
font-size: 1em;
margin: 0 0 0 2em;
}
#siteMapPage #video
{
float: left;
text-align: center;
}
#siteMapPage #video h4
{
margin: 0;
}
#siteMapPage div.Visual
{
width: 355px;
padding: .5em .2em;
margin: 1em 0 0 2em;
background-color: #E4E2E2;
border: solid 1px #C0BEBE;
text-align: center;
}
#facebookPostLogin label
{
width: 8em;
text-align: left;
}
#facebookPostLogin span.Error
{
/*margin-left: 7em;*/
}
.FBConnect .FB_ElementReady b, .DefaultGrid .FB_ElementReady b
{
font-weight: normal;
}
.LiveChatHeader
{
position: fixed;
top: 12.5em;
right: .2%;
/*
float: right;
position: relative;
left: 0 10em 0 0;
*/
}
.LiveChatHeader a
{
/*
display: inline;
position: fixed;
*/
}
#limboInfo h6
{
margin: 1.5em 0 0 0;
}
table.LimboListPrices
{
margin: 0 0 0 0;
}
table.LimboListPrices td
{
padding: 0;
margin: 0;
font-size: 1em;
}
table.LimboListPrices label
{
float: none;
clear: none;
padding: 0;
color: #5A5A5A;
vertical-align: top;
}
table.LimboListPrices label em
{
color: #000000;
margin: 0 0 0 .4em;
font-size: 1.1em;
}
table.LimboListPrices input.radio, table.LimboListPrices input[type="radio"]
{
vertical-align: bottom;
margin: .2em .4em 0 0;
}
#limboInfo p
{
margin: 1.5em 0 0 0;
}
/*====================== Shipping Control ==================================================*/
.columnHilight
{
background-color: #EFEFEF;
}
.ShippingTable td
{
padding-left: 2px;
padding-right: 2px;
}
/*====================== SharePage Control ==================================================*/
.EncourageUserAction
{
font-family: Trebuchet MS, Tahoma, Arial;
color: #000000;
width: 800px;
height: 425px;
margin: 0 auto;
}
.EncourageUserAction h2, .EncourageUserAction h3, .EncourageUserAction #tagLine
{
color: #000000;
text-align: center;
}
.EncourageUserAction h2
{
font-size: 2.4em;
background: #CCFFCC;
border: solid 3px #9ECF9E;
padding: .5em 0;
margin: 0 0 .5em 0;
}
.EncourageUserAction h3
{
font-size: 3.6em;
margin: .5em 0 .4em 0;
}
.EncourageUserAction #tagLine
{
font-size: 1.8em;
font-weight: bold;
margin: .2em 0 ;
}
.EncourageUserAction .Options
{
font-family: 'Trebuchet MS', Tahoma, Arial;
color: #26AED4;
font-size: 2.6em;
font-weight: bold;
list-style-type: none;
margin: 2em 0 1em 1.5em;
}
.EncourageUserAction .Options li
{
margin: 0;
}
.EncourageUserAction .Options li a
{
color: #26AED4;
display: block;
text-decoration: none;
height: 100%;
padding: 15px 0 0 70px;
}
#catNoGbsFound
{
background: url(Images/noresults_plant.jpg) no-repeat 100% 120%;
}
#catNoGbsFound .CallToAction
{
margin: 4em 0;
}
#catNoGbsFound .CallToAction a
{
text-align: center;
margin: 0 18em 0 0;
display: block;
}
#catNoGbsFound .Options li
{
margin: 0 0 1em 0;
}
#catNoGbsFound .Options li label
{
color: #88B32A;
font-size: 1.2em;
float: none;
display: inline;
margin: 0 .1em 0 0;
}
#sharePage
{
background: url(Images/SharePage.png) no-repeat 95% 95%;
}
#sharePage li#email
{
background: url(Images/sharepage_email.png) no-repeat top left;
height: 60px;
}
#sharePage li#facebook
{
background: url(Images/sharepage_facebook.png) no-repeat top left;
height: 60px;
}
#sharePage li#twitter a
{
background: url(Images/sharepage_twitter.png) no-repeat top left;
height: 60px;
}
#sharePage li#shareLink
{
background: url(Images/sharepage_link.png) no-repeat top left;
height: 60px;
}
#groupBuyPostWizard #categories p
{
margin: 0 0 .5em 0;
}
#groupBuyPostWizard #categories em
{
color: #000000;
font-weight: bold;
}
.GroupBuyWizard
{
width: 100%;
border: solid 1px #B6B6B9;
}
.GroupBuyWizard tr
{
vertical-align: top;
}
.GroupBuyWizard td
{
vertical-align: top;
}
.GroupBuyWizard td.Navigation
{
margin: 0 0 .5em 0;
padding: .4em 0 0 0;
}
th.GBShippingTier
{
font-size: 1.2em;
font-weight: normal;
text-align: left;
}
/* Group Buy Wizard Header */
td.GroupBuyWizardHeader
{
padding: 0;
background: #EEEEEE;
}
.GroupBuyWizardHeader ul
{
list-style-type: none;
padding: 0;
margin: 0 auto;
width: 70em;
}
td.GroupBuyWizardHeader.BuyerStarted ul
{
width: 53em;
}
.GroupBuyWizardHeader li
{
display: inline;
float: left;
font-family: Tahoma, Verdana, Arial ;
}
.GroupBuyWizardHeader li p,
.GroupBuyWizardHeader li a:link,
.GroupBuyWizardHeader li a:visited,
.GroupBuyWizardHeader li a:hover,
.GroupBuyWizardHeader li a:active
{
background: #EEEEEE;
color: #888888;
font-weight: bold;
/*
padding: .4em 1em;
margin: 0 .2em 0 0;
*/
float: left;
line-height: 140%;
white-space: normal;
border-right: solid 1px #ffffff;
}
.GroupBuyWizardHeader li p
{
display: inline;
padding: .2em 1em .4em 1em;
margin: 0 .2em 0 0;
}
.GroupBuyWizardHeader li a:link,
.GroupBuyWizardHeader li a:visited,
.GroupBuyWizardHeader li a:hover,
.GroupBuyWizardHeader li a:active
{
display: block;
text-decoration: none;
padding: .4em 1em;
margin: 0 .2em 0 0;
}
.GroupBuyWizardHeader li.First p,
.GroupBuyWizardHeader li.Active.First p,
.GroupBuyWizardHeader li.First a:link,
.GroupBuyWizardHeader li.First a:visited,
.GroupBuyWizardHeader li.First a:hover,
.GroupBuyWizardHeader li.First a:active,
.GroupBuyWizardHeader li.Active.First a:link,
.GroupBuyWizardHeader li.Active.First a:visited,
.GroupBuyWizardHeader li.Active.First a:hover,
.GroupBuyWizardHeader li.Active.First a:active
{
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
}
.GroupBuyWizardHeader li.Active p,
.GroupBuyWizardHeader li.Active a:link,
.GroupBuyWizardHeader li.Active a:visited,
.GroupBuyWizardHeader li.Active a:hover,
.GroupBuyWizardHeader li.Active a:active
{
background: #D8F5C1;
color: #000000;
}
.GroupBuyWizardHeader li small
{
font-size: .8em;
display: block;
}
.GroupBuyWizardHeader li em
{
font-size: 1.1em;
}
.GroupBuyWizardHeader a em
{
margin: .1em 0 0 0;
display: block;
}
/* Group Buy Wizard Step */
td.GroupBuyWizardStep
{
padding: 1.5em 1.5em 0 1.5em;
}
.GroupBuyWizardStep p
{
margin: 1em 0 1.5em 0;
}
.GroupBuyWizardStep label
{
float: none;
clear: none;
display: inline;
padding: 0;
white-space: normal;
font-weight: normal;
}
.GroupBuyWizardStep .Error
{
margin-left: 0;
}
.GroupBuyWizardStep .SideNote
{
font-size: 1.1em;
font-style: italic;
margin: 0 0 .5em 0;
}
.GroupBuyWizardStep .SideNote em
{
font-style: italic;
}
.GroupBuyWizardStep .NormalTextBox
{
width: 25em;
}
.GroupBuyWizardStep select.ShortTextBox
{
width: 3.5em !important;
}
.GroupBuyWizardStep select.ShortTextBox option
{
width: 2em !important;
}
.GroupBuyListTypes
{
margin: 0 0 2em 0;
}
.GroupBuyListTypes li
{
list-style: none;
}
.GroupBuyListTypes label
{
padding: 0 0 0 .5em;
}
/* Group Buy Wizard SideBar */
.GroupBuyWizardSideBar, .GroupBuyWizardSideBar ul li
{
vertical-align: top;
padding: 0;
width: 15em;
}
td.GroupBuyWizardSideBar
{
vertical-align: top;
padding: 0;
background: #B6B6B9;
}
.GroupBuyWizardSideBar ul
{
list-style-type: none;
margin: 0;
}
.GroupBuyWizardSideBar ul li
{
font-size: 1.4em;
}
.GroupBuyWizardSideBar ul li a
{
text-decoration: none;
background: #B6B6B9;
padding: .5em 1em;
display: block;
color: #ffffff;
font-weight: bold;
}
.GroupBuyWizardSideBar ul .Active li a
{
background: #ffffff;
color: #000000;
}
table.CategorySelectHoverMenuSubCat_Inward
{
border-right: 1px solid gray;
}
CategorySelectHoverMenuItem_Header
{
color: Black;
}
/* CategorySelectHoverMenuItem for GB Post Wizard */
table.CategorySelectHoverMenu td
{
margin: 0;
padding: 0;
}
div.CategorySelectHoverMenuItem,
div.CategorySelectHoverMenuItem_First,
div.CategorySelectHoverMenuItem_Child
{
background: #EEEEEE;
border: solid 1px #B6B6B9;
border-top-width: 0px;
padding: .2em .2em .2em .4em;
margin: 0;
}
div.CategorySelectHoverMenuItem a:link,
div.CategorySelectHoverMenuItem a:visited,
div.CategorySelectHoverMenuItem a:hover,
div.CategorySelectHoverMenuItem a:active,
div.CategorySelectHoverMenuItem_First a:link,
div.CategorySelectHoverMenuItem_First a:visited,
div.CategorySelectHoverMenuItem_First a:hover,
div.CategorySelectHoverMenuItem_First a:active,
div.CategorySelectHoverMenuItem_Child a:link,
div.CategorySelectHoverMenuItem_Child a:visited,
div.CategorySelectHoverMenuItem_Child a:hover,
div.CategorySelectHoverMenuItem_Child a:active
{
text-decoration: none;
color: #000000;
display: inline;
font-size: 1.2em;
}
div.CategorySelectHoverMenuItem_First a:hover,
div.CategorySelectHoverMenuItem a:hover,
div.CategorySelectHoverMenuItem_Child a:hover
{
text-decoration: underline;
}
div.CategorySelectHoverMenuItem_First,
div.CategorySelectHoverMenuItem_Child
{
border-top-width: 1px;
}
div.CategorySelectHoverMenuItem_Child
{
border-left-width: 0;
}
div.CategorySelectHoverMenuItem_Child td
{
padding: 0 1.2em 0 0;
margin: 0;
height: 100%;
}
div.CategorySelectHoverMenuItem_Child li
{
list-style-type: none;
}
ul.SubCategories li ul li
{
padding: 0 0 0 1.5em;
}
/* Testimonials/Feedback */
.feedback
{
list-style-type: none;
}
.feedback li
{
margin-bottom: 25px;
}
.feedback_name
{
font-style: italic;
color: #000000;
display: block;
}
div.PayPalInfo
{
font-size: 1.2em;
}
div.PayPalInfo label
{
font-size: 1em;
width: 11.5em;
float: left;
text-align: left;
margin: 0;
}
/*
#categoryLinks-target
{
background-color: #F4F4F4;
border: solid 1px #DEDEDE;
padding: .5em 0 .5em 1em;
}
#categoryLinks-hidden
{
display: none;
}*/
table.CategoryLinksList
{
display: block;
width: 100%;
background-color: #F4F4F4;
border: solid 1px #DEDEDE;
border-top-width: 0;
margin: 0;
}
.CategoryLinksList td
{
vertical-align: top;
padding: .5em .8em 1.5em .8em;
width: 16.5em;
}
.Root
{
margin: 0;
background-color: #F4F4F4;
border: solid 1px #DEDEDE;
border-bottom-width: 0;
padding: .5em .8em 1.5em .8em;
}
.Root h6
{
border-bottom: solid 1px #DEDEDE;
padding: 0 0 .2em 0;
margin: 0;
font-size: 1.4em;
}
.Root a:link,
.Root a:visited,
.Root a:hover,
.Root a:active
{
color: #376070;
text-decoration: none;
}
.Root a:hover
{
color: #96D030;
}
.Root .ToggleCategories
{
color: #376070;
font-size: .8em;
font-weight: normal;
float: right;
cursor: pointer;
}
.CategoryLinksList tr
{
border-bottom-width: 1px;
}
.Category
{
margin: 0 0 .4em 0;
display: block;
}
.CategoryLinksList a:link,
.CategoryLinksList a:visited,
.CategoryLinksList a:hover,
.CategoryLinksList a:active
{
text-decoration: none;
}
.CategoryLinksList h6
{
font-size: 1.4em;
margin-bottom: .2em;
}
.CategoryLinksList ul
{
margin: 0 0 0 .1em;
}
.CategoryLinksList li
{
list-style: none;
font-size: 1.1em;
}
.CategoryLinksList .Toggle
{
font-weight: bold;
color: #376070;
font-size: 1.1em;
cursor: pointer;
}
#categoryCrumbs li {
float:left; list-style-type:none;
display: inline;
padding-left:.75em;
}
#categoryCrumbs {
height:2.3em;
border:1px solid #dedede;
margin: 0 0 1em 0;
}
#categoryCrumbs li {
float:left;
line-height:2.3em;
color:#777;
padding-left:.75em;
}
#categoryCrumbs li a {
background:url(images/crumbs.gif) no-repeat right center;
display:block;
padding:0 15px 0 0;
font-size: 1.2em;
}
#categoryCrumbs li a:link,
#categoryCrumbs li a:visited {
color:#777;
text-decoration:none;
}
#categoryCrumbs a:link,
#categoryCrumbs a:visited,
#categoryCrumbs li a:hover,
#categoryCrumbs li a:focus {
color:#96D030;
font-weight: bold;
}
#categoryCrumbs li a:hover
{
text-decoration: underline;
}
#categoryCrumbs a.AllGroupBuys:link,
#categoryCrumbs a.AllGroupBuys:visited,
#categoryCrumbs li a.AllGroupBuys:hover,
#categoryCrumbs li a.AllGroupBuys:focus
{
color: #96D030;
}
.Proposals a
{
font-size: 1em;
}
.Proposal_GBTitle
{
width: 20em;
/*
border: solid 1px Red;
font-weight: bold; */
white-space: pre-wrap;
}
.Proposal_Type
{
width: 11.5em;
}
.Proposal_DateReceived
{
width: 5em;
}
.Proposal_Price
{
width: 7em;
}
.Proposal_Buttons
{
width: 16em;
}