/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
$Id$
PORTED CSS / ICON / FORM RENDERING
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
span.heavy {
	font-weight: bold;
}

span.small {
	font-size: 10px;
}

span.field-header {
	color: #333;
	font-weight: bold;
}

div.field-name-desc {
	margin-bottom:3px;
	font-size: 10px;
	color: #333;
}

.field-name {
	margin-bottom: 3px;
}

/* Required field asterik */
.field-name span span {
	color: red;
	padding-left: 2px;
}

.field-group-container {
	clear:both;
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	margin-top: 10px;
}

.field-group-title {
	font-weight: bold;
	font-size: 14px;
	text-indent: 5px;
	padding-bottom: 5px;
	color: #333;
	border-bottom: solid 1px #CCC;
}

.field-group-desc {
	padding: 5px;
	font-size: 14px;
	color: #333;
}

.field-group-desc a {
	color: #036 !important;
}

/* Used by PickOne Class */


.field-value-list-inline {
	display: inline;
}

.field-value-list-inline li {
	display: inline;
	font-size: 14px;
	margin-right: 5px;
}

.field-value-list-inline li.disabled, .field-value-list li.disabled, .field-value-list-padded li.disabled {
	font-size: 14px;
	color: #666;
}

.field-value-list-inline li input, .field-value-list li input, .field-value-list-padded li input {
	border: none;
	background: none;

}

.field-value-list li, .field-value-list-padded li {
	margin-bottom: 5px;
	font-size: 14px;
}

.field-value-list li.disabled, .field-value-list-padded li.disabled { margin-bottom: 5px; }

/*.field-value-list-inline li input { margin-left: 5px; }*/

.field-value-list, .field-value-list-padded { margin-bottom: 5px; }

.field-value-list-padded { margin-left: 40px; }

.rating { width: 100%; }
.rating table { width: 100%; }

.rating table th.title { width: 100%}

.rating table th {
	width: 50px;
	text-align: center;
	font-weight: normal;
	padding: 5px;
}

.rating tr.missing {
	background-color: #f4c4c4;
}

.rating td {
	width: 50px;
	border-bottom: solid 1px #CCC;
	text-align: center;
}

.rating table td.selected {

}

.rating table td.question-title {
	width: 100%;
	border-bottom: solid 1px #CCC;
	padding-left: 5px;
	text-align: left;
}

.rating ul {
	margin-left: 20px;
}

.rating li {
	border: solid 1px #bbb;
	width: 500px;
	margin-top: 5px;

	padding: 5px;
	background-color: #eee;
	cursor: pointer;
}

.rating div.question-title {
	width: 100%;
	color: #036;
	margin: 3px 0;
	font-size: 1.2em;
}

.rating div.question-desc {
	margin-bottom:3px;
	font-size: 0.9em;
	color: #333;
}


/* SUBSCRIBABLE */
.subscribe { width: 100%; }

.subscribe a.delete {
	display: block;
	cursor: pointer;
	background: transparent url(../images/icon/delete.gif) no-repeat center right;
	width: 13px;
	height: 13px;
	margin-right: 5px;

}

.subscribe table { width: 100%; }

.subscribe table th.title { width: 100%}

.subscribe table th {
	width: 50px;
	text-align: center;
	font-weight: normal;
	padding: 5px;
}

.subscribe table tr.taxonomy {
	text-align: left;
	font-size: 18px;
}

.subscribe table tr.taxonomy td {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0;
	text-indent: 2px;
	border: none;
	border-bottom: solid 2px #CCC;
}

.subscribe tr.missing {
	background-color: #f4c4c4;
}

.subscribed {
	/*background-color: #e3fdc3;*/
	background-color: #DDD;
}

.subscribed-req {
	/*background-color: #c3f0fd;*/
	background-color: #BEBEBE;
}

.subscribe td {
	width: 50px;
	border-bottom: solid 1px #CCC;
	text-align: center;
}

.subscribe table td.selected {

}

.subscribe table td.question-title {
	width: 100%;
	border-bottom: solid 1px #CCC;
	padding-left: 5px;
	text-align: left;
}

.subscribe ul {
	margin-left: 20px;
}

.subscribe li {
	border: solid 1px #bbb;
	width: 500px;
	margin-top: 5px;

	padding: 5px;
	background-color: #eee;
	cursor: pointer;
}

.subscribe .question-title {
	width: 100%;
	color: #036;
	margin: 3px 0;
	font-size: 1.1em;
	font-weight: bold;
}

.subscribe .question-desc {
	margin-bottom:3px;
	font-size: 0.8em;
	color: #333;
	font-weight:normal !important;
}


/* SORT CLASSES */
div.sort {
	position: relative;
	border: solid 1px black;
	margin: 0 auto;
	width: 556px;
	padding: 0 5px 5px 5px;

}
/* SORT NUMBERS */
div.sort div.count-container {
	position: absolute;
	width: 43px;
	height: auto;
	top: 0;
	left: 0;
}

div.sort div.count-item {
	position: relative;
	margin-top: 5px;
	height: 43px;
	width: 43px;
	text-align: center;
	color: black;
}

div.sort div.count-item-label {
	position: relative;
	padding-top: 7px;
	font-size: 22px;
}
/* SORTABLE ITEMS */
div.sort div.sort-items {
	position: relative;

}

.sort ul {
	position: relative;
	width: 510px;
	margin-left: 43px;
}

.sort li, .sort-move li {
	width: 510px;
	height: 43px;
	margin-top: 5px;
	background: #eee url(../images/sort/sort-normal-510x43.png) no-repeat top left;
	cursor: pointer;
}

.sort-move li {
	background: #900 url(../images/sort/sort-move-510x43.png) no-repeat top left;
}

.sort li div .container {
	position: relative;
	padding: 5px;
	border: solid 1px red;
}

.sort div.question-title, .sort-move div.question-title {
	width: auto;
	color: white;
	font-weight: bold;
	padding: 5px 0 0 5px;
	font-size: 14px;
}

.sort-move div.question-title {
	color: white;
}

.sort div.question-desc, .sort-move div.question-desc {
	padding-left: 5px;
	font-size: 10px;
	color: white;
}

.sort-move div.question-desc {
	color: white;
}

.sort-move div.container {
	background: url(../images/sort/sort-move-510x43.png) no-repeat top left;
	width: 510px;
	height: 43px;
}

/* Content Select */

.your-selection {
	position: relative;
	margin: 0 auto;
	width: 500px;
	height: 31px;
	background: url(../images/content/your-selection.jpg) no-repeat top left;
}

.drag-up {
	position: relative;
	margin: 0 auto;
	margin: 0 auto;
	width: 730px;
	height: 16px;
	padding: 0 auto;
	background: url(../images/content/dragup.png) no-repeat top left;
}


.pick-content {
	position: relative;
	margin: 0 auto;
	width: 500px;
	padding: 0 5px 5px 5px;

}

.pick-content div.pick-content-items {
	position: relative;

}

.pick-content ul {
	position: relative;
	width: 500px;
}

.pick-content li,
pick-content li.blank, pick-content li.blank-selected, 
pick-content li.variety, pick-content li.variety-selected, 
pick-content li.sports, pick-content li.sports-selected,
pick-content li.entertainment, pick-content li.entertainment-selected,
pick-content li.news, pick-content li.news-selected,
pick-content li.trivia, pick-content li.trivia-selected
{
	width: 500px;
	height: 45px;
	margin-top: 5px;
	background: url(../images/content/content-blank.jpg) no-repeat top left;
	cursor: pointer;
}

.pick-content li.variety { background: #222 url(../images/content/content-variety.jpg) 0 0 no-repeat; }
.pick-content li.sports { background: #222 url(../images/content/content-sports.jpg) 0 0 no-repeat; }
.pick-content li.entertainment { background: #222 url(../images/content/content-entertainment-dual.jpg) 0 0  no-repeat; }
.pick-content li.news { background: #222 url(../images/content/content-news.jpg) 0 0 no-repeat; }
.pick-content li.trivia { background: #222 url(../images/content/content-trivia.jpg) 0 0 no-repeat; }

.pick-content li.variety-selected { background: #222 url(../images/content/content-variety-dual.jpg) 0 -45px no-repeat; }
.pick-content li.sports-selected { background: #222 url(../images/content/content-sports-dual.jpg) 0 -45px no-repeat; }
.pick-content li.entertainment-selected { background: #222 url(../images/content/content-entertainment-dual.jpg) 0 -45px no-repeat; }
.pick-content li.news-selected { background: #222 url(../images/content/content-news-dual.jpg) 0 -45px no-repeat; }
.pick-content li.trivia-selected { background: #222 url(../images/content/content-trivia-dual.jpg) 0 -45px no-repeat; }
.pick-content li.blank-selected { background: #222 url(../images/content/content-blank-dual.jpg) 0 -45px no-repeat; }

.pick-content li div .container {
	position: relative;
	padding: 5px;
}

.pick-content div.question-title {
	width: auto;
	color: white;
	font-weight: bold;
	padding: 5px 0 0 10px;
	font-size: 14px;
}

.pick-content div.question-desc {
	padding-left: 10px;
	font-size: 10px;
	color: white;
}

/* end content select */

.no-style {
	background: none;
	border: none;
	margin: 0;
	padding: 0;	
}


.button-small, .button-small-disabled {
	position: relative;
	display: block;
	background: url(../images/button/button_small.png) no-repeat;
	padding: 0;
	width: 74px;
	height: 72px;
}

.button-small-disabled {
	background: url(../images/button/button_disabled.png) no-repeat;
}

.button-content-small-overlay, .button-profile-small-overlay, .button-blank-small-overlay, 
.button-logout-small-overlay, .button-home-small-overlay, .button-account-small-overlay, 
.button-service-small-overlay, .button-mail-small-overlay, .button-tos-small-overlay, 
.button-offer-small-overlay, .button-faq-small-overlay, .button-download-small-overlay
{
	position: absolute;
	display: block;
	padding: 0;
	width: 74px;
	height: 72px;
}

.button-offer-small-overlay { background: url(../images/button/button_offer_overlay_small.png) no-repeat; }
.button-tos-small-overlay { background: url(../images/button/button_tos_overlay_small.png) no-repeat; }
.button-faq-small-overlay { background: url(../images/button/button_faq_overlay_small.png) no-repeat; }
.button-profile-small-overlay { background: url(../images/button/button_profile_overlay_small.png) no-repeat; }
.button-mail-small-overlay { background: url(../images/button/button_mail_overlay_small.png) no-repeat; }
.button-home-small-overlay { background: url(../images/button/button_home_overlay_small.png) no-repeat; }
.button-content-small-overlay { background: url(../images/button/button_content_overlay_small.png) no-repeat; }
.button-service-small-overlay { background: url(../images/button/button_service_overlay_small.png) no-repeat; }
.button-account-small-overlay { background: url(../images/button/button_account_overlay_small.png) no-repeat; }
.button-logout-small-overlay { background: url(../images/button/button_logout_overlay_small.png) no-repeat; }
.button-download-small-overlay { background: url(../images/button/button_download_overlay_small.png) no-repeat; }

.icon-menu-container { 
	width: auto;
	margin: 0 auto;
	padding: 10px 0 0 5px;
	position: relative;
}

.icon-menu-row, .icon-menu-row-disabled {
	position: relative;
	display: block;
	width: 365px;
	height: 80px;
	cursor:pointer;
	float: left;
}

.icon-menu-row-disabled { cursor: default; }

.icon-menu-text, .icon-menu-text-disabled {
	position: absolute;
	width: 280px;
	top: 0;
	left: 80px;
}

.icon-menu-text h1, .icon-menu-text-disabled h1 {
	border-bottom: solid 1px #CCC;
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
}

.icon-menu-text-disabled h1 { color: #CCC; }

.icon-menu-text p, .icon-menu-text-disabled p {
	padding-left: 5px;
	color: #333;
}

.icon-menu-text-disabled p { color: #999; }

.zipcode-input {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

#notice-dialog, #error-dialog, #success-dialog {
	position: relative;
	width: auto;
	/*border: solid 1px #CCC;
	background-color: #EEE;*/
	padding: 10px 5px 5px 5px;
	margin: 5px;
	color: black;
	font-size: 12px;
	height: auto;
}

#error-dialog {
	padding: 10px 5px 5px 55px;
	background: url(../images/redx-34x38.gif) no-repeat 10px 10px;
}

#success-dialog {
	padding: 10px 5px 5px 64px;
	background: url(../images/check-43x37.gif) no-repeat 10px 10px;
}

#error-dialog .header, #success-dialog .header {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #A00;
}

#success-dialog .header {
	color: #0A0;
}

#error-dialog .message, #success-dialog .message {
	border-top: solid 1px #CCC;
	background-color: white;
	padding: 5px;
}

#error-dialog .error-item {
	color: #900 !important;
	margin-bottom: 3px;
}

/* This file skins sliders */

.ui-slider { width: 200px; height: 30px; position: relative; background-repeat: no-repeat; background-position: bottom center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 8px; left: 0px; background-image: url(../images/slider/slider-handle.png);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(../images/slider/slider-bg-1.png); }
.ui-slider-2 { background-image: url(../images/slider/slider-bg-4.png); }

.desc-container
{
	border: solid 1px #ccc;
	background-color: #f9f9f9;
	margin: 0 5px 5px 0;
	padding: 5px;
	background: url(../images/icon/exclamation.gif) no-repeat 5px 5px;
}

.description-content
{
	font-size: 11px;
	margin-left: 20px;
}



.icon-blank, .icon-error, .icon-notice, .icon-radio, .icon-check {
	margin: 10px;
	padding: 0 0 0 60px !important;
	min-height: 45px;
}
.icon-blank { padding: 0 !important; }
.icon-error { background: url(../images/box/icon-error.png) no-repeat; }
.icon-notice { background: url(../images/box/icon-notice.png) no-repeat; }
.icon-radio { background: url(../images/box/icon-radio.png) no-repeat; }
.icon-check { background: url(../images/box/icon-check.png) no-repeat; }