/* Old popup code from old site */
/* popup */

.popup {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100% !important;
	height: 100%;
	padding-top: 120px;
	background: url('images/box/popup_bg.png') top left repeat; 
	_background-image: url('images/box/popup_blank_bg.gif'); /* for IE; keeps user from clicking through layer */
}
/* filter for ie only to get the png to work */
* html .popup {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box/popup_bg.png',sizingMethod='scale');
}
.popup-container {
	margin: 0 auto; /* centers popup in page */
	width: 675px !important; /* change to desired popup width */
	width /**/: 675px; /* for IE 5.5 */
	padding: 2px 0 0 0;
	text-align: left;
	font-size: 1.2em;
	background: #fff url(images/box/popup_container_bg.gif) 50% top no-repeat;
}

.popup-container-jello {
	margin: 0 auto; /* centers popup in page */
	width: 907px;
	padding: 2px 0 0 0;
	text-align: left;
	font-size: 1.2em;
	/* background: #fff url(images/box/popup_container_bg.gif) 50% top no-repeat; */
}

.popup-container-jello .header {
	background: #FFFFFF url(images/box/popup_header_bg.gif) repeat-x scroll left bottom;
	border-bottom: 1px solid #CFD2D7;
	overflow: hidden;
	padding: 15px 10px 8px 25px;
	_height: 1%;
}

.popup-container-jello .header .close {
	float: right;
	font-size: 0.916em;
	line-height: 1.333em;
	margin-top: -3px;
	text-align: right;
	width: 115px;
}

.popup-container-jello .header .close a {
	padding: 0pt 16px 1px 0pt;
}

.popup-container-jello .textcontent {
	clear: both;
}

#image_area {
	text-align: center;
}

.premium .popup-container,
#siginSites .popup-container,
#downloading .popup-container,
#passwordTips .popup-container {
	width: 468px !important; /* change to desired popup width */
	width /**/: 500px; /* for IE 5.5 */
	padding: 0 16px 15px;
}

.popup-container .header {
	padding: 15px 10px 8px 25px;
	border-bottom: 1px solid #cfd2d7;
	background: #fff url(images/box/popup_header_bg-1.gif) left bottom repeat-x;
	overflow: hidden;
	_height: 1%;
}
.popup-container .header h2 {
	float: left;
	width: 515px;
	font-size: 1.333em;
}
.popup-container .header .close {
	float: right;	
	text-align: right;
	font-size: .916em;
	line-height: 1.333em;
	margin-top: -3px;
}
.popup-container .header .close a {
	padding: 0 16px 1px 0;
/*	background: transparent url(/images/icn_remove.gif) right 1px no-repeat;*/
}
.popup-container .header .close a:hover {
	text-decoration: none;
}
.popup-container .footer {
	padding: 0;
	border-top: 1px solid #e5e4f0;
	background: #fff url(images/box/popup_footer_bg.gif) left bottom repeat-x;
	overflow: hidden;
	_height: 1%;
}
.popup-container .footer p {
	float: left;
	/*width: 200px;*/
	margin: 0;
	padding: 10px 0 0 237px;
	text-align: center;
}
.popup-container .footer ul {
	float: right;
	width: 200px;
}
.popup-container .footer li {
	float: right;
	display: block;
	text-align: center;
	border-left: 1px solid #e5e4f0;
}
.popup-container .footer li a {
	display: block;
	width: 92px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}
.popup-container .content {
	padding: 10px 0;	
}
.popup-container .textcontent {
	padding: 20px 20px 10px 25px;
}

.popup-container .imgbold{ 
	border: 1px; 
	border-style:solid;
	border-color: #ffffff; 
	margin: 2px 2px 2px 2px;
}

.popup-container .imgbold:hover{
	border: 1px; 
	border-style: solid; 
	border-color:#666666; 
	margin: 2px 2px 2px 2px;
}

a:hover .imgbold {
	border: 1px; 
	border-style: solid; 
	border-color:#666666; 
	margin: 2px 2px 2px 2px;
}

a:hover {
	text-decoration: underline;
}
/*.popup-container a:link { color: #000000; background-color: transparent; text-decoration: underline}
.popup-container a:visited { color: #000000; background-color: transparent; text-decoration: underline}
.popup-container a:active { color: #000000; background-color: transparent; text-decoration: none }
.popup-container a[href]:focus img,
a[href]:hover imgbold,
a[href]:active imgbold{
	border:1px;
	border-style: solid; 
	border-color:#666666; 
	margin: 2px 2px 2px 2px;
}
*/


/* popup-cover used to cover select form elements in IE */
#popup-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
* html #popup-cover {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* email this page and nofity me */
#notify_me .popup-container .content,
#notify_me_confirm .popup-container .content,
#email_page_confirm .popup-container .content,
#email_page .popup-container .content {
	padding: 20px 20px 10px 25px;
}
#notify_me .popup-container .content p,
#notify_me_confirm .popup-container .content p {
	margin-right: 100px;
}
.popup h3 {
	margin-bottom: 10px;
}
.popup fieldset ol {
	list-style: none;
	margin: 0;
	padding: 5px 0 10px 15px;
	overflow: hidden;
	_height: 1%;
}
.popup fieldset ol li {
	padding: 0 0 10px 0;
	overflow: hidden;
	_height: 1%;
	clear: both;
	list-style: none;
}
.popup fieldset ol label {
	float: left;
	width: 175px;
	padding: .25em 10px 1px 0;
	text-align: right;
}
.popup fieldset ol input.input_text,
.popup fieldset ol textarea {
	font-size: 1em;
	width: 220px;
	padding: 1px 2px;
	color: #333333;
}
::root .popup fieldset ol input.input_text {
	width: 229px !important; /* for safari */
}
.popup fieldset ol textarea {
	width: 370px;
	height: 60px;
}
.popup fieldset ol .option label {
	width: 350px;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
	vertical-align: middle;
}
.popup fieldset ol input.chkbox {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 0 0 185px;
	_margin: 0 0 0 188px;
	padding: 0;
	vertical-align: middle;
}
/*
.popup .button {
	width: 109px;
	background-image: url(btn_subcat_top.gif);
}
.popup .button a {
	width: 99px;
	background-image: url(btn_subcat_bottom.gif);
}
*/
/*
.popup fieldset ol li.button {
	float: left;
	width: 109px;
	margin: 10px 0 20px 185px;
	_margin: 10px 0 20px 94px;
	padding: 0;
}
*/
.popup fieldset ol li.button {
	float: left;
	width: 109px;
	margin: 0px 0px 0px 185px;
	_margin: 0px 0px 0px 0px;
	padding: 0;
	_padding: 0px 0px 0px 185px;
}

.popup fieldset ol p.sub-label {
	font-size: .916em;
	color: #666;
	padding: 0 0 0 0;
	margin: 2px 0 2px 185px;
	_margin: 2px 0 2px 188px;
}
.legal {
	font-size: 9px;
	color: #666;
	float: none;
	width: auto;
}
.popup p.legal {
	font-size: .916em;
	margin: 0;
	padding: 10px 20px 10px;
	text-align: center;
}

/* new flash popup styles */
.flash-container {
        margin: 0 auto; /* centers popup in page */
        width: 475px; /* change to desired popup width */
        padding: 2px 0 0 0;
        text-align: left;
        font-size: 1.2em;
        background: #transparent url(images/box/popup_container_bg.gif) left top repeat-x;
}
.flash-container .header {
        padding: 15px 10px 8px 25px;
        border-bottom: 1px solid #cfd2d7;
        background: #fff url(images/box/popup_header_bg.gif) left bottom repeat-x;
        overflow: hidden;
        _height: 1%;
}
.flash-container .movie {
        clear: both;
}
.flash-container .header h2 {
        float: left;   
        font-size: 1.333em;
}
.flash-container .header .close {
        float: right;
        width: 115px;
        text-align: right;
        font-size: .916em;
        line-height: 1.333em;
		  margin-top: -3px;
}
.flash-container .header .close a {
        padding: 0 16px 1px 0;
        /* background: transparent url(../images/icn_remove.gif) right 1px no-repeat; */
} 

/* spinner popup styles */
.spinner-container {
        margin: 0 auto; /* centers popup in page */
        width: 550px; /* change to desired popup width */
        padding: 2px 0 0 0;
        text-align: left;
        font-size: 1.2em;
        background: #transparent url(images/box/popup_container_bg.gif) left top repeat-x;
}
.spinner-container .header {
        padding: 15px 10px 8px 25px;
        border-bottom: 1px solid #cfd2d7;
        background: #fff url(images/box/popup_header_bg.gif) left bottom repeat-x;
        overflow: hidden;
        _height: 1%;
}
.spinner-container .movie {
        clear: both;
}
.spinner-container .header h2 {
        float: left;   
        font-size: 1.333em;
}
.spinner-container .header .close {
        float: right;
        width: 115px;
        text-align: right;
        font-size: .916em;
        line-height: 1.333em;
		  margin-top: -3px;
}
.spinner-container .header .close a {
        padding: 0 16px 1px 0;
        /* background: transparent url(../images/icn_remove.gif) right 1px no-repeat; */
} 


/* SIFR.CSS */
/* 
	Logitech CSS declarations - sIFR plugin styles 
	copyright Logitech 2009 
*/


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 â?? 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash-wrap {
	  margin: 0;
	  padding: 0;
	  display: block;
	  line-height: 0;
	}
	
	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}
}

@media print {
	.sIFR-flash {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active h1.sIFR-replaced {
		margin-left: -3px;
	}
	
	.sIFR-active h2.sIFR-replaced, .sIFR-active h3.sIFR-replaced {
		margin-left: -2px;
	}
}

/* Hide Adblock Object tab */
.sIFR-replaced {
	overflow: hidden;
}

.sIFR-replaced embed.sIFR-flash[sifr=true] + div[adblocktab=true],
.sIFR-replaced *[class^="abp-objtab"] {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	left: -9999px !important;
	top: -9999px !important;
	text-indent: -9999px !important;
	z-index: -1 !important;
}

/* FORMULATE.LAYOUT.CSS */
/* 
	Logitech CSS declarations - Formulate plugin styles 
	copyright Logitech 2009 
*/

/* TOC 
	 1. Global Form Elements 
	 2. Select Elements
	 3. Checkbox Elements
	 4. Radio Elements
	 5. Submit Elements
*/


/* 1. GLOBAL FORM ELEMENTS
------------------------------------------------ */

/* Inline Block Fix */
/* Supports FF 3+, Safari 2+, IE 6+ */
/* Via: http://www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css/ */
.ui-formulate {
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word;
}

.ui-formulate {
	overflow: hidden;
}

.ui-formulate .ui-formulate-wrap {
	position: relative;
	overflow: hidden;
	display: block;
}

.ui-formulate .ui-formulate-hide {
	position: absolute;
	top: 0; /* Keep at 0 so tabbing still scrolls the page (for some browsers) */
	left: 0; /* But move it off screen so it doesn't interfere */
	visibility: hidden;
}

/* 2. SELECT ELEMENTS
------------------------------------------------ */
.ui-formulate select, .ui-formulate-button {
	height: 22px;
}

.ui-formulate-button {
	display: inline-block;
	line-height: 19px;
}

.ui-formulate-text .ui-formulate-hide, .ui-formulate-password .ui-formulate-hide {
	position: relative;
	display: block;
	border: none;
	background: none;
	visibility: visible;
}

.ui-formulate-active, .ui-formulate-active .ui-formulate-wrap {
	position: relative;
	z-index: 4000;
	overflow: visible;
}

.ui-formulate a {
	cursor: default;
	white-space: nowrap;
}

/* For Safari */
/* Contextual menu appears unless display is set to none */
/* But we need display block so tabbing works on the page */
/* So we turn it off as soon as there is focus on the element */
.ui-formulate.ui-formulate-focus select {
	visibility: hidden;
	display: none;
}

.ui-formulate-current {
	position: relative;
	display: block;
	height: 100%;
	padding-right: 25px;
	z-index: 100;
	white-space: nowrap;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-formulate-select .ui-formulate-list-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 7px 5px;
	margin-top: -7px;
	margin-left: -5px;
	width: auto;
	z-index: 1000;
	overflow: hidden;
}

.ui-formulate-select .ui-formulate-list-wrap ul {
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
}

.ui-formulate-select .ui-formulate-list-wrap a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.ui-formulate-current {
	text-indent: 10px;
}

.ui-formulate-select.ui-formulate-active .ui-formulate-list-wrap a {
	visibility: visible;
}

.ui-formulate-select li {
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
}

.ui-formulate-select .ui-formulate-arrow {
	display: none;
}

.ui-formulate-select .ui-formulate-list-wrap .ui-formulate-scroller {
	display: none;
}

.ui-formulate-select.ui-formulate-active .ui-formulate-list-wrap .ui-formulate-scroller {
	display: block;
}

.ui-formulate-select .ui-formulate-scrollable .ui-formulate-scroller {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	margin: 0 2%;
	height: 20px;
}

.ui-formulate-select .ui-formulate-scrollable .ui-formulate-scroller.ui-formulate-down {
	top: 100%;
	margin-top: -20px;
}


/* 3. CHECKBOX ELEMENTS
------------------------------------------------ */
.ui-formulate-checkbox {
	width: 13px;
	height: 13px;
}


/* 3. RADIO ELEMENTS
------------------------------------------------ */
.ui-formulate-radio {
	width: 13px;
	height: 13px;
}

.ui-formulate .ui-formulate-value {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	z-index: 900;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* 3. SUBMIT ELEMENTS
------------------------------------------------ */
.ui-formulate-submit > .ui-formulate-wrap, .ui-formulate-reset > .ui-formulate-wrap {
	padding: 0 1.25em;
}

.ui-formulate-button .ui-formulate-wrap {
	line-height: 18px !important;
	border: none !important;
}

.ui-formulate-button .ui-formulate-wrap a {
	line-height: 22px !important;
}

.ui-formulate-button .ui-formulate-value {
	display: inline;
	padding: 0 1.25em;
}

.ui-formulate.ui-formulate-button {
	border-bottom: 1px solid #666;
}

/* FORMULATE.CUSTOMIZE.CSS */

/* 
	Logitech CSS declarations - Formulate plugin styles 
	copyright Logitech 2009 
*/

/* TOC 
	 1. Global Form Elements 
	 2. Select Elements
	 3. Checkbox Elements
	 4. Radio Elements
	 5. Submit Elements
	 6. Text Input Elements
*/


/* 1. GLOBAL FORM ELEMENTS
------------------------------------------------ */ 
.ui-formulate {
	border: 0 solid;
	
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-formulate-wrap {
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-formulate-disabled {
	opacity: 0.3;
}

.ui-formulate-select {
	background: #313131 url("images/box/bg-static.png") repeat-x bottom;
	background: -webkit-gradient(linear, center top, center bottom, from(#313131), to(#1d1d1d));
	
	border-color: #c6c6c6 #c5c5c5;
	border-width: 0 1px 1px;
	
	color: #fff;
}

.ui-formulate-select .ui-formulate-wrap {
	border-bottom: 1px solid #656565;
}

.ui-formulate .dropDownGloss {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #fff;
	z-index: 70;
	
	-ms-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	
	-ms-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}

.ui-formulate.alternate-2 .dropDownGloss {
	background: #81ffff;
}


/* 2. SELECT ELEMENTS
------------------------------------------------ */ 
.ui-formulate .ui-formulate-current {
	background: url("icon-drop-down-arrow.png") no-repeat right center;
}

.ui-formulate.alternate-1 .ui-formulate-current {
	background-image: url("icon-drop-down-arrow-alternate.png");
}

.ui-formulate-select.ui-formulate-active .ui-formulate-list-wrap {
	background: #111 url("bg-drop-down-active.png") repeat-x top;
	
	-ms-background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	
	border: 1px solid #ccc;
	
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-ms-box-shadow: rgba(0, 0, 0, 0.8) 0 8px 40px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 4px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 8px 40px;
}

.ui-formulate-select.ui-formulate-active.alternate-1 .ui-formulate-redraw .ui-formulate-list-wrap,
.ui-formulate-select.ui-formulate-active.alternate-1 .ui-formulate-wrap:first-child .ui-formulate-list-wrap {
	background: #fff;
	border-color: #ccc;
	
	-ms-box-shadow: rgba(0, 0, 0, 0.4) 0 8px 40px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 8px 40px;
}

.ui-formulate-select .ui-formulate-list-wrap a {
	color: #00bebe;
	text-decoration: none;
}

.ui-formulate-select .ui-formulate-list-wrap .ui-formulate-hover a {
	color: #fff;
}

.ui-formulate-select.alternate-1 .ui-formulate-list-wrap .ui-formulate-hover a {
	color: #666;
}


.ui-formulate-select .ui-formulate-wrap > .ui-shadow.ui-formulate-scrollable {
	overflow: visible !important;
}


.ui-formulate-select .ui-formulate-list-wrap .ui-formulate-scroller {
	background: #222 url("icon-drop-down-up-arrow.png") no-repeat center;
	
	border: 0 solid #fff;
}

.ui-formulate-select.alternate-1 .ui-formulate-list-wrap .ui-formulate-scroller {
	background: #fff url("icon-drop-down-up-arrow-alternate.png") no-repeat center;
}

.ui-formulate-select .ui-formulate-list-wrap .ui-formulate-scroller.ui-formulate-up {
	-ms-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	
	-ms-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}

.ui-formulate-select .ui-formulate-list-wrap .ui-formulate-scroller.ui-formulate-down {
	background-color: #111;
	background-image: url("icon-drop-down-down-arrow.png");
	
	-ms-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	
	-ms-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.ui-formulate-select.alternate-1 .ui-formulate-list-wrap .ui-formulate-scroller.ui-formulate-down {
	background-color: #fff;
	background-image: url("icon-drop-down-down-arrow-alternate.png");
}

.ui-formulate-select li.ui-formulate-interstitial a, .ui-formulate-select li.ui-formulate-interstitial .ui-formulate-hover a, .ui-formulate-select li.ui-formulate-interstitial a:hover {
	color: #00bebe;
}

.ui-formulate-select.alternate-1 li.ui-formulate-interstitial a, .ui-formulate-select.alternate-1 li.ui-formulate-interstitial .ui-formulate-hover a {
	color: #00bebe;
}

.ui-formulate-select .ui-formulate-hover a {
	color: #fff;
}

.ui-formulate-select.ui-formulate-active .ui-formulate-selected a {
	color: #fff;
}

.ui-formulate-select.ui-formulate-active .ui-formulate-selected {
	background: url("icon-bullet.png") no-repeat 2px center;
}

.ui-formulate-select.alternate-1 .ui-formulate-hover a {
	color: #666;
}

.ui-formulate-select.ui-formulate-active.alternate-1 .ui-formulate-selected a {
	color: #666;
}

.ui-formulate-select.ui-formulate-active.alternate-1 .ui-formulate-redraw .ui-formulate-selected {
	background: url("aicon-bullet-alternate.png") no-repeat 2px center;
}

/* Superfluous */
.ui-formulate-select.nativeShadow {
	border: 0;
	
	-ms-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
}

.ui-formulate-select.nativeShadow .ui-formulate-wrap, .ui-formulate-select.nativeShadow .ui-formulate-list-wrap {
	border: 0;
}


/* 3. CHECKBOX ELEMENTS
------------------------------------------------ */ 
.ui-formulate-checkbox {
	border: none;
	background: url("sprite-checkboxes.png") no-repeat;
}

.ui-formulate-checkbox-active {
	background-position: 0 -13px;
}

.ui-formulate-checkbox-checked {
	background-position: 0 -26px;
}

.ui-formulate-checkbox-active-checked {
	background-position: 0 -39px;
}


/* 4. RADIO ELEMENTS
------------------------------------------------ */ 
.ui-formulate-radio {
	border: none;
	background: url("sprite-radios.png") no-repeat;
}

.ui-formulate-radio-active {
	background-position: 0 -13px;
}

.ui-formulate-radio-checked {
	background-position: 0 -26px;
}

.ui-formulate-radio-active-checked {
	background-position: 0 -39px;
}


/* 5. SUBMIT ELEMENTS
------------------------------------------------ */ 
.ui-formulate-submit, .ui-formulate-reset, .ui-formulate-button {
	background: #313131 url("images/box/bg-static.png") repeat-x bottom;
	background: -webkit-gradient(linear, center top, center bottom, from(#313131), to(#1d1d1d));
	
	border-color: #c6c6c6 #c5c5c5;
	border-width: 0 1px 1px;
	
	color: #fff;
	
	cursor: pointer;
}

.ui-formulate-submit .ui-formulate-wrap, .ui-formulate-reset .ui-formulate-wrap, .ui-formulate-button .ui-formulate-wrap {
	border-bottom: 1px solid #656565;
}

.ui-formulate-button *, .ui-formulate-button *:hover {
	cursor: pointer;
	text-decoration: none;
}

/* Superfluous */
.ui-formulate-value {
	color: #fff;
}

.ui-formulate.alternate-1 {
	color: #666;
	background: #eee url("images/box/bg-static-alternate-1.png") repeat-x bottom;
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#ddd));
	border-top: 1px solid #eaeaea;
}

.ui-formulate.alternate-1 .ui-formulate-value {
	color: #666;
}

.ui-formulate.alternate-2 {
	background: #00d7d7 url("images/box/bg-static-alternate-2.png") repeat-x bottom;
	background: -webkit-gradient(linear, center top, center bottom, from(#00d7d7), to(#0e8e8e));
}

.ui-formulate.alternate-2 .ui-formulate-value {
	color: #fff;
}

.ui-formulate-submit.nativeShadow, .ui-formulate-reset.nativeShadow, .ui-formulate-button.nativeShadow, .ui-formulate.alternate-1.nativeShadow {
	border: 0;
	
	-ms-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
}

.ui-formulate-submit.nativeShadow .ui-formulate-wrap, .ui-formulate-reset.nativeShadow .ui-formulate-wrap, .ui-formulate-button.nativeShadow .ui-formulate-wrap {
	border-bottom: 0;
}


/* 6. TEXT INPUT ELEMENTS
------------------------------------------------ */
.ui-formulate-text input, .ui-formulate-password input {
	color: #aaa;
	padding: 0.35em 0.75em;
}

.ui-formulate-focus input {
	color: #666;
}

.ui-formulate-text, .ui-formulate-password {
	background: #fff;
	color: #aaa;
	cursor: text;
	
	border-color: #707070 #cfcfcf #f2f2f2;
	border-width: 1px;
}

.ui-formulate-text .ui-formulate-wrap, .ui-formulate-password .ui-formulate-wrap {
	border-top: 1px solid #cfcfcf;
}

.ui-formulate-select .ui-shadow {
	position: absolute;
}

.ui-formulate-select .ui-shadow-content {
	height: 100%;
}

.ui-formulate-select .ui-shadow-el {
	display: none;
}

.ui-formulate-active .ui-shadow-el {
	display: block;
}

.ui-formulate-select .ui-shadow .ui-formulate-list-wrap {
	position: relative;
	border: 0;
	height: 100%;
}

/* SHADOW.CSS */

/* 
	Logitech CSS declarations - Shadow plugin styles 
	copyright Logitech 2009 
*/

/* TOC 
	 1. Global Shadow Styles 
	 2. Shadow Content
	 3. Shadow Elements
*/


/* 1. GLOBAL SHADOW STYLES
------------------------------------------------ */
.ui-shadow {
	position: relative;
	display: inline-block;
	z-index: 1000;
}


/* 2. SHADOW CONTENT
------------------------------------------------ */
.ui-shadow-content {
	position: relative;
	z-index: 1000;
}


/* 3. SHADOW ELEMENTS
------------------------------------------------ */
.ui-shadow-el {
	position: absolute;
	z-index: 700;
	
	background: url("images/box/bg-shadow.png") no-repeat;
}

.alternate-1 .ui-shadow-el {
	background-image: url("images/box/bg-shadow-alternate.png");
}

.ui-shadow-top-left {
	top: 0;
	left: 0;
	
	margin-top: -12px;
	margin-left: -22px;
	
	width: 100%;
	height: 100%;
	
	background-position: left top;
	
	-ms-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.ui-shadow-top-right {
	top: 0;
	right: 0;
	
	margin-top: -12px;
	margin-right: -22px;
	
	padding-right: 22px;
	
	width: 22px;
	height: 100%;
	
	background-position: right top;
}

.ui-shadow-bot-left {
	bottom: 0;
	left: 0;
	
	margin-bottom: -31px;
	margin-left: -22px;
	
	padding-left: 22px;
	padding-bottom: 12px;
	
	width: 22px;
	height: 31px;
	z-index: 750;
	
	background-position: left bottom;
}

.ui-shadow-bot-right {
	bottom: 0;
	right: 0;
	
	margin-bottom: -31px;
	margin-right: -22px;
	
	padding-bottom: 12px;
	
	width: 100%;
	height: 31px;
	
	background-position: right bottom;
}