/* ************************************************************************** *
File        : tipSpot.screen.css
Copyright   : TipSpot, 2008
* ************************************************************************** */
/*

#id,
#id .class{position|display|float|left|top|right|bottom|margin|border|padding|width|height|background|color|font|line|text|..}

*/

.dummy #content-container{padding-top:35px;background:transparent url(../img/_mockup_background.gif) repeat-x 0 0;}


/*	Default
*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, pre, form  { margin:0; padding:0; }
input,label{vertical-align:middle;}
img{border:0 none;vertical-align:top;}
li{list-style:none;}

h1,
h4,
h5,
h6,
p{padding-bottom:10px;color:#40413b;font-size:11px;font-weight:normal;}

h1,
h2,
h3,
h5{font-weight:bold;}

h1{color:#000;font-size:24px;line-height:26px;}
h2{color:#000;font-size:14px;line-height:16px;}
h3{color:#000;font-size:13px;line-height:14px;}

h5,
h6{padding-bottom:18px;}

a{color:#333;cursor:pointer;}
a:link{text-decoration:underline;}

small {color:#666;font-size:10px;font-weight:normal;line-height:12px;}

.disabled {cursor:default;}

.clr-l{clear:left;height:0;overflow:hidden;font-size:0;}
.clr-r{clear:right;height:0;overflow:hidden;font-size:0;}
.clr-b{clear:both;height:0;overflow:hidden;font-size:0;}

/*	Layout
*/
body{margin:10px;background:#fff url(../img/body/background.gif) repeat 0 0;text-align:center; }

.global-alert-container {margin:0 auto 0 auto;min-width:930px;max-width:1146px;}
.global-alert-container .message-container{margin:0 100px;}
 
#body-container {position:relative;margin:0 auto;min-width:930px;max-width:1146px;background:#fff url(../img/body/corner_left.gif) no-repeat 0 0;text-align:left;overflow:hidden;}
	#body{position:relative;background:transparent url(../img/body/corner_right.gif) no-repeat 100% 0;}

#header-container{padding:5px 5px 5px 5px;}
	#header{position:relative;width:100%;background:#000 url(../img/header/background.gif) repeat scroll 0 0;opacity:.99;z-index:100;}

#content-container{position:relative;width:100%;background-color:#fff;}
	#content{padding:0 5px;background-color:#fff;}
		#col-left{display:inline;float:left;width:195px;padding-bottom:15px;}
		#col-right{margin-left:195px;}
			#sidebar{display:inline;float:right;width:185px;padding-bottom:15px;}
			#main-content-container{margin-right:185px;}
				#main-content-float{display:inline;float:left;width:100%;}
					#main-content{padding:5px 10px 15px 15px;}
			
#footer-container{border-top:1px solid #b3b3b1;background:#d6d2bd url(../img/footer/corner_left.gif) no-repeat 0 100%;}

/*	Styles ===============================
*/

/* Fonts
*/
body,button,input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;line-height:13px;color:#40413b;}

/* Elements
*/
#header .global{position:relative;padding-top:8px;width:100%;background:transparent url(../img/header/corner_right.gif) no-repeat 100% 0;z-index:100;}

#logo{margin-top:-8px;float:left;width:205px;height:80px;background:transparent url(../img/header/tipspot_logo.gif) no-repeat 0 0;overflow:hidden;}
#logo a{display:block;height:80px;text-indent:-100em;}

/* user-bar */
#user-bar{position:relative;padding:0 5px 5px 0;color:#fff;float:right;z-index:2000;}
#user-bar li{float:left;margin:0 6px 0 6px;padding:4px 0 5px 0;}
#user-bar a{color:#999;text-decoration:none;}
#user-bar a:hover{text-decoration:underline;color:#fff;}
#user-bar .feedback {margin-right:10px;padding-right:16px;background:transparent url(../img/icon/feedback.gif) no-repeat 100% 2px;}
#user-bar .feedback a{color:#99cc00}

li#lang-selector {background-image:none;margin-right:0;}
li#lang-selector img{margin-right:5px;width:16px;height:11px;}
li#lang-selector .en img{background:transparent url(../img/icon/en.gif) no-repeat 0 100%;}
li#lang-selector .nl img{background:transparent url(../img/icon/nl.gif) no-repeat 0 100%;}
li#lang-selector a:hover img,
li#lang-selector .selected img{background-position:0 0;}

li#user {position:relative;display:block;margin:0 2px 0 0;padding:0;background:transparent url(../img/header/foldout_user_icon.gif) no-repeat 100% -33px;}
li#user strong{display:block;padding:4px 28px 5px 8px;background:transparent url(../img/header/foldout_user_icon.gif) no-repeat -20px 0;}
li#user a{color:#fff;text-decoration:underline;}

li#user ul {position:absolute;left:0;top:22px;display:none;margin-left:-4px;padding:4px 0 8px 0;width:132px;background:transparent url(../img/header/foldout_user_face.png) no-repeat 0 100%;text-align:left;}
li#user li {float:none;display:block;margin:0;padding:0 8px 1px 8px;}
li#user li a,
li#user li a:hover,
li#user li span{display:block;text-decoration:none;font-weight:normal;}

li#user li a{padding:0;color:#333;text-decoration:none;}
li#user li.selected a,
li#user li a:hover{background:#6b9600 url(../img/header/foldout_user_item_face.gif) 0 0;}
li#user li a:hover span,
li#user li.selected span{background:transparent url(../img/header/foldout_user_item_face.gif) 0 100%;color:#fff;}
li#user li span{padding:2px 5px 3px 5px;font-size:10px;font-weight:normal;}	

li#user li.spacer{padding:0 4px;line-height:0;font-size:0;}
li#user li div.ruler {margin:3px 0 4px 0;height:3px;}

li#user.hover{background:#fff url(../img/header/foldout_user_icon.gif) no-repeat 100% 0;color:#333;}
li#user.hover strong{padding:5px 28px 4px 8px;background:transparent url(../img/header/foldout_user_icon.gif) no-repeat -20px 0;}
li#user.hover strong,
li#user.hover a,
li#user.hover strong a:hover{color:#333;}
li#user.hover ul{display:block;}


/* search */
#searchbox {float:right;position:relative;margin-top:6px;padding-right:10px;}
#searchbox div.input{float:left;background:transparent url(../img/header/search_field.gif) 0 0 no-repeat;width:148px;height:19px;}
#searchbox input.text {margin:0;border:0;padding: 2px 20px 2px 5px;width:123px;background:transparent none;color:#333;font-size:11px;}
#searchbox input.inner-label{font-style:italic;color:#aaa;}
#searchbox .button {position:absolute;top:0;right:10px;width:17px;height:20px;z-index:10;}

#searchbox ul.foldout{float:left;position:relative;width:100px;margin-right:2px;vertical-align:top;}
#searchbox ul.foldout ul{display:none;}
#searchbox ul.open ul{display:block;}
#searchbox ul.foldout a,
#searchbox ul.foldout span{position:relative;display:block;text-decoration:none;}
#searchbox ul.foldout a.select{background:#fff url(../img/header/foldout_select_face.gif) no-repeat 0 0;color:#333;outline:none;min-width:100px;line-height:10px;}
#searchbox ul.foldout a.select span{padding:3px 5px 5px 5px;font-size:10px;font-weight:bold;}
#searchbox ul.foldout a.select:hover{background-color:#ddd;}
#searchbox ul.open a.select,
#searchbox ul.open a.select:hover{background:#ddd url(../img/header/foldout_select_face.gif) no-repeat 0 100%;}

#searchbox ul.foldout ul{position:absolute;margin-top:-1px;margin-left:-4px;padding:1px 0 4px 0;background:transparent url(../img/header/foldout_search_face.png) no-repeat 0 100%;width:108px;z-index:100;}

#searchbox ul.foldout ul li{padding:0 5px 1px 5px;}
#searchbox ul.foldout ul li a span{color:#333;}
#searchbox ul.foldout ul li.selected a,
#searchbox ul.foldout ul li a:hover{background:#40413b url(../img/header/foldout_search_item_face.gif) 0 0;}
#searchbox ul.foldout ul li a:hover span,
#searchbox ul.foldout ul li.selected span{background:transparent url(../img/header/foldout_search_item_face.gif) 0 100%;color:#fff;}
#searchbox ul.foldout ul li span{padding:2px 5px 3px 5px;font-size:10px;font-weight:bold;}	
#searchbox ul.foldout ul li.disabled span{font-weight:normal;color:#999;}

/* main-nav */
#main-nav{float:left;padding:0 0 20px 5px;}
#main-nav li{float:left;padding:0 7px 0 8px;background:transparent url(../img/header/main-nav_divider.gif) no-repeat 0 50%;}
#main-nav li.first{background-image:none;}
#main-nav h2{font-size:14px;font-weight:bold;line-height:13px;}
#main-nav a{display:block;padding-left:1px;text-decoration:none;color:#fff;outline-style:none;}
#main-nav span{display:block;padding:8px 15px 12px 14px;}
#main-nav a:hover{background:transparent url(../img/header/main-nav_face.gif) no-repeat 0 0;}
#main-nav a:hover span{background:transparent url(../img/header/main-nav_face.gif) no-repeat 100% 0;}
#main-nav a:active,
#main-nav li.selected a{background:transparent url(../img/header/main-nav_face.gif) no-repeat 0 100% !important;}
#main-nav a:active span,
#main-nav li.selected a span{background:transparent url(../img/header/main-nav_face.gif) no-repeat 100% 100% !important;}
#main-nav .disabled h2{padding:8px 15px 12px 14px;color:#999;}

/* sub-nav */
#sub-nav-container,
#dashboard-sub-nav-container{width:100%;position:relative;background:#fff url(../img/header/sub-nav_face.gif) repeat-x 0 0;}

#sub-nav-container{padding-top:9px;}
#sub-nav-container .face-container{background:transparent url(../img/header/tips-sub-nav_face.gif) no-repeat 0 0;}
#sub-nav-container .face{width:100%;background:transparent url(../img/header/tips-sub-nav_face.gif) no-repeat 100% 0;overflow:hidden;}
#sub-nav{float:left;padding:3px 5px 17px 17px;} 
#sub-nav li{float:left;padding:4px 1px 6px 0;line-height:normal;}
#sub-nav a,
#sub-nav div{display:block;padding-left:2px;text-decoration:none;}
#sub-nav span{display:block;padding:5px 12px 5px 10px;color:#333;}
#sub-nav .toggle{padding-right:3px;}
#sub-nav .toggle a{background:transparent url(../img/header/sub-nav_toggle.gif) no-repeat 0 50%;}
#sub-nav .toggle span{background:transparent url(../img/header/sub-nav_toggle.gif) no-repeat 100% 50%;}
#sub-nav .label span{padding-right:6px;padding-left:6px;color:#333;}
#sub-nav .spacer{padding:0;width:24px;height:32px;background:transparent url(../img/header/sub-nav_divider.gif) no-repeat 10px 0;}
#sub-nav a:hover {background:transparent url(../img/header/sub-nav_hover.gif) no-repeat 0 50%;}
#sub-nav a:hover span{background:transparent url(../img/header/sub-nav_hover.gif) no-repeat 100% 50%;}
#sub-nav .selected{font-weight:bold;}
#sub-nav a:active,
#sub-nav .selected a,
#sub-nav .selected div{background:transparent url(../img/header/sub-nav_selected.gif) no-repeat 0 50% !important;}
#sub-nav a:active span,
#sub-nav .selected span{background:transparent url(../img/header/sub-nav_selected.gif) no-repeat 100% 50% !important;color:#fff;}
#sub-nav .disabled span{color:#999;padding-left:10px;padding-right:10px;}

#sub-nav .add-event span{padding-left:5px;}
#sub-nav .add-event img.icon{margin-right:3px;}

/* dashboard */
#dashboard-sub-nav{float:left;padding:3px 10px 20px 10px;}
#dashboard-sub-nav li{position:relative;float:left;padding-top:2px;margin-right:1px;}
#dashboard-sub-nav a,
#dashboard-sub-nav span{position:relative;display:block;}
#dashboard-sub-nav a {padding-left:2px;text-decoration:none;color:#fff;outline:none;}
#dashboard-sub-nav span{padding:3px 10px 8px 8px;line-height:14px;}
#dashboard-sub-nav a:hover{border-bottom:1px solid #ccc;background:#fff url(../img/header/sub-nav_tab_face.gif) no-repeat 0 0;color:#000;}
#dashboard-sub-nav a:hover span{border-bottom:1px solid #eee;padding-top:5px;padding-bottom:4px;background:transparent url(../img/header/sub-nav_tab_face.gif) no-repeat 100% 0;}
#dashboard-sub-nav a:active,
#dashboard-sub-nav .selected a,
#dashboard-sub-nav .selected a:hover{border:0 none;background:#fff url(../img/header/sub-nav_tab_face.gif) no-repeat 0 0;color:#000;}
#dashboard-sub-nav a:active span,
#dashboard-sub-nav .selected a span,
#dashboard-sub-nav .selected a:hover span,
#dashboard-sub-nav .open a span,
#dashboard-sub-nav .open a:hover span{border:0 none;padding-top:6px;padding-bottom:5px;background:transparent url(../img/header/sub-nav_tab_face.gif) no-repeat 100% 0;}
#dashboard-sub-nav .disabled span{color:#ccc;}
#dashboard-sub-nav .spacer{width:13px;height:20px;background:transparent url(../img/header/dashboard-sub-nav_divider.gif) no-repeat 5px 1px;}

#dashboard-sub-nav .link{margin-left:6px;}
#dashboard-sub-nav .link a:hover,
#dashboard-sub-nav .link a:hover span{border:0 none;background:transparent none;color:#fff;}
#dashboard-sub-nav .link a span,
#dashboard-sub-nav .link a:hover span{padding:3px 10px 8px 8px;background:transparent url(../img/header/dashboard-sub-nav_arrow.gif) no-repeat 0 8px;text-decoration:underline;}

/* footer */
#footer{padding-bottom:35px;background:transparent url(../img/footer/corner_right.gif) no-repeat 100% 100%;color:#40413b;font-size:10px;text-align:center;}
#footer ul li{display:inline;}
#footer a{color:#40413b;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul.main{padding:8px 8px 9px 0;margin-bottom:10px;background-color:#e7e3cc;font-size:11px;font-weight:bold;}
#footer ul.main li{padding:0 6px 0 10px;background:transparent url(../img/footer/main_divider.gif) no-repeat 0 50%;}
#footer ul.legal{margin-bottom:5px;padding-right:4px;}
#footer ul.legal li{padding:0 1px 0 5px;background:transparent url(../img/footer/legal_divider.gif) no-repeat 0 50%;}
#footer ul li.first{background-image:none;}

#footer ul.main li.first{background-image:url(../img/icon/video.gif);padding-left:18px;}

/* =========================== */

span.inline-help{color:#666;font-size:10px;vertical-align:top;}
span.inline-help{cursor:help;}
span.inline-help span{display:none;}

.ruler {margin:0 -20px 0 -20px;background:transparent url(../img/rule.gif) no-repeat 0 0;font-size:0;}
.ruler div{height:3px;background:transparent url(../img/rule.gif) no-repeat 100% 0;overflow:hidden;}
.ruler.marg {margin-top:8px;margin-bottom:15px;}

.truncate.more .less,
.truncate .more{display:none;}
.truncate.more .more{display:block;}

#content div.spacer{height:40px;}

/* portlets */
#portlets-container{padding-left:8px;opacity:0.99;}
.portlet {margin-bottom:12px;padding-bottom:17px;width:178px;background:#fff url("../img/portlet/background.gif") left bottom no-repeat;}
.portlet h1,
.portlet h2,
.portlet ul,
.portlet .footer{padding:0 15px;}
.portlet h1{font-size:16px;line-height:18px;}
.portlet h2{}
.portlet h1,
.portlet h2{padding-top:3px;padding-bottom:8px;}
.portlet h1 strong{color:#4D7000;}

.portlet h2 span{font-size:11px;font-weight:normal;color:#40413b;}
.portlet h2 span a{text-decoration:underline;padding:0 3px;color:#40413b;}
.portlet h2 span a:hover{color:#000;}
.portlet li {display:block;padding-bottom:2px;line-height:normal;}
.portlet li a,
.portlet li div{display:block;width:100%;background:#e7e3cc url(../img/portlet/item_face.gif) no-repeat 0 0;color:#000;text-decoration:none;}
.portlet li span{display:block;padding:3px 5px 3px 5px;background:transparent url("../img/portlet/item_face.gif") no-repeat 0 100%;}
.portlet li em{font-size:10px;font-style:normal;}

.portlet li a:hover, 
.portlet li.selected a,
.portlet li.selected div,
.portlet li.selected li a:hover,
.portlet li.sub-selected li a:hover,
.portlet li.sub-selected li.selected a{background:#40413b url(../img/portlet/item_face.gif) no-repeat 100% 0;color:#fff;}
.portlet li a:hover span, 
.portlet li.selected a span,
.portlet li.selected div span,
.portlet li.selected li a:hover span{background:transparent url(../img/portlet/item_face.gif) no-repeat 100% 100%;}
.portlet li.selected a span,
.portlet li.selected div span{font-weight:bold;}
.portlet li.sub-selected a {background-color:#d4d0bb;font-weight:bold;}
.portlet li.sub-selected li a {background-color:#fff;}
.portlet li.sub-selected a:hover,
.portlet li.sub-selected li a:hover {background-color:#40413b;}

.portlet em{color:#666;}
.portlet a:hover em,
.portlet .selected em{color:#ccc;}

.portlet .no-result{padding:3px 5px 3px 5px;color:#999;}

.portlet .external a,
.portlet .external a:hover,
.portlet .external a span,
.portlet .external a:hover span{background:transparent none;color:#40413b;}
.portlet .external a:hover{text-decoration:underline;}

.portlet ul ul {padding:6px 0px;color:#999;}
.portlet li li span{padding-left:15px;font-weight:normal;}
.portlet li li a, 
.portlet li.selected li a {background:#fff;color:#000;}
.portlet li li a span,
.portlet li.selected li a span{background-image:none;font-weight:normal;}
.portlet .selected li em,
.portlet li li em{color:#999;}
.portlet .selected li a em,
.portlet li li a em{color:#000;}
.portlet li li a:hover em,
.portlet li li.selected em{color:#fff;}

.portlet li.disabled a,
.portlet li.disabled div{background:#e7e3cc;}
.portlet li.disabled a span,
.portlet li.disabled div span{color:#9f9a84;background-image:none;}

.portlet li span span,
.portlet li a:hover span span,
.portlet li.selected span span{display:inline;padding:0;background:transparent none;}

.portlet .content{padding:0 25px 5px 15px;}

.portlet .footer{margin-top:10px;}
.portlet .footer a{text-decoration:underline;color:#40413b;}
.portlet .footer a:hover{color:#000;}

/* portlet foldouts */
.portlet ul.foldout{position:relative;padding:0 13px;}
ul#region-filter{z-index:200;}
ul#period-filter{z-index:100;}
.portlet ul.foldout ul{display:none;}
.portlet ul.open ul{display:block;}
.portlet ul.foldout a.select{background:#40413b url(../img/portlet/foldout_select_face.gif) no-repeat 0 0;color:#ddd;outline:none;}
.portlet ul.foldout a.select span{padding:5px 8px 7px 8px; background:none;font-size:10px;font-weight:bold;line-height:10px;}
.portlet ul.foldout a.select:hover{background-color:#53544e;color:#fff;}
.portlet ul.open a.select,
.portlet ul.open a.select:hover{background:#40413b url(../img/portlet/foldout_select_face.gif) no-repeat 0 100%;color:#fff;}
.portlet ul.foldout ul{position:absolute;margin-left:-8px;padding:5px 0 15px 0;width:168px;z-index:100;}
#region-filter ul{background:transparent url(../img/portlet/foldout_region_face.png) no-repeat 0 100%;}
#period-filter ul{background:transparent url(../img/portlet/foldout_period_face.png) no-repeat 0 100%;}
.portlet ul.foldout ul li{padding:0 11px 1px 11px;}
.portlet ul.foldout ul li a span{color:#333;}
.portlet ul.foldout ul li.selected a,
.portlet ul.foldout ul li a:hover{background:#40413b url(../img/portlet/foldout_item_face.gif) 0 0;}
.portlet ul.foldout ul li a:hover span,
.portlet ul.foldout ul li.selected span{background:transparent url(../img/portlet/foldout_item_face.gif) 0 100%;color:#fff;}
.portlet ul.foldout ul li span{padding:2px 6px 3px 6px;font-size:10px;font-weight:bold;}	
.portlet ul.foldout ul li.disabled span{font-weight:normal;color:#999;}


.portlet ul.foldout li.calendar strong{display:block;padding:7px 0 7px 6px;color:#000;font-size:11px;}
#calendar-container{padding:0 6px;width:auto;background:transparent;}

#calendar-container table{border:0 none;}
#calendar-container thead th{border-right:1px solid #fff;background-color:#eae7d4;font-size:10px;text-align:center;}
#calendar-container thead th img{vertical-align:middle;width:4px;height:7px;}
#calendar-container thead th a img{background:transparent url(../img/portlet/arrow_calendar.gif) no-repeat 0 0;}
#calendar-container thead th a span,
#calendar-container thead th span span{display:block;padding:5px 0;}
#calendar-container thead th a:hover img{background-position:0 -16px;}
#calendar-container thead th a{background:#eae7d4 url(../img/portlet/foldout_item_face.gif) 0 0;}
#calendar-container thead th span{padding:0;background:transparent url(../img/portlet/foldout_item_face.gif) 0 100%;}

#calendar-container thead th span span{background:transparent url(../img/portlet/foldout_item_face.gif) 0 0;}

#calendar-container thead th.next a img{background-position:100% 0;}
#calendar-container thead th.next a:hover img{background-position:100% -16px;}
#calendar-container thead th.next a{background:transparent url(../img/portlet/foldout_item_face.gif) 100% 0;}
#calendar-container thead th.next span{background:transparent url(../img/portlet/foldout_item_face.gif) 100% 100%;}
#calendar-container thead th a:hover{background-color:#40413b;}

#calendar-container tbody th{padding:4px 0 2px 0;width:19px;font-size:10px;font-weight:normal;text-align:center;}
#calendar-container td{border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#eae7d4;text-align:center;}
#calendar-container td a,
#calendar-container td span{display:block;padding:1px 0;background:transparent none;font-size:10px;font-weight:normal;}
#calendar-container td.selected a{background-color:#40413b;color:#fff;}
#calendar-container td.today a{background-color:#6b9600;color:#fff;}
#calendar-container td.other a{background-color:transparent;color:#979485;}
#calendar-container td.past span{background-color:#eee;color:#aaa;}
#calendar-container td a:hover{background-color:#40413b;color:#fff;}

.portlet #ongoing{padding:8px 15px 0 18px;}
.portlet #ongoing a.checkbox{padding-left:17px;padding-bottom:1px;background:transparent url(../img/icon/checkbox.gif) no-repeat 0 0;text-decoration:none;outline:none;color:#666;}
.portlet #ongoing a.checked{background-position:0 -32px;}
.portlet #ongoing a.wait{background-position:0 -64px;}

/* portlet tags */
#tags-portlet a.hide,
#tags-portlet.open a.show,
#tags-portlet #taglist-target{display:none;}
#tags-portlet.open a.hide{display:inline;}
#tags-portlet.open #taglist-target{display:block;}

#tags-portlet .wait div{background-color:#eee;color:#999;}
#tags-portlet .wait span{padding-top:2px;padding-bottom:3px;background:transparent url(../img/portlet/item_face.gif) no-repeat 0 100% !important;}
#tags-portlet .wait img{margin-right:5px;width:16px;height:16px;vertical-align:middle;background:transparent url(../img/portlet/wait_ani.gif) no-repeat 0 0;}

/* sidebar */
#sidebar .banner-container{text-align:center;padding:0 10px;}

/* tips ======================================== */

.list-header{width:100%;overflow:hidden;}
.list-header li{float:left;padding-right:10px;}
.list-header  li.add-favorites{padding:11px 0 0 0;}
.list-header  li.help{padding:11px 0 0 5px;}

#active-tag{width:100%;overflow:hidden;margin-bottom:10px;}
#active-tag li{float:left;color:#333;font-size:10px;}
#active-tag li a{color:#333;}
#active-tag li.label{padding-right:5px;color:#666;}
#active-tag li.tag{padding-right:10px;}
#active-tag li.tag img{width:13px;height:13px;background:transparent url(../img/listing/button_remove_tag.gif) no-repeat 0 0;}
#active-tag li.tag a:hover img{background-position:0 100%;}
#active-tag li.back{padding-left:5px;color:#666;font-style:italic;}
#active-tag li.help{padding-left:5px;}

#sortbar-container{position:relative;border-top:1px solid #eee;border-bottom:1px solid #ddd;width:100%;background:transparent url(../img/listing/sortbar_face.gif) repeat-x 0 100%;z-index:100;}
#sortbar{padding:2px 10px 2px 10px;}
#sortbar li{float:left;position:relative;padding-top:4px;padding-bottom:4px;}
#sortbar ul li.label{color:#333;padding-right:5px;}
#sortbar a{display:block;color:#666;text-decoration:none;}
#sortbar ul#sort{float:left;}
#sortbar ul#show{float:right;}
ul#sort li.toggle a:hover{text-decoration:underline;}
ul#sort li.toggle .selected{font-weight:bold;color:#333;}
ul#sort li.inline-help{padding-left:6px;padding-top:2px;padding-bottom:3px;}

ul#sort a.select{padding-right:18px;padding-left:5px;background:transparent url(../img/listing/sort_foldout_arrow.gif) no-repeat 100% 5px;outline:none;}
ul#sort a.select:hover{background-position:100% -27px;color:#333;}
ul#sort li.spacer{padding:0;width:13px;height:20px;background:transparent url(../img/listing/sort_divider.gif) no-repeat 6px 0;}

ul#sort ul,
ul#sort ul li{float:none;}
ul#sort ul{position:absolute;margin-left:-14px;padding:5px 0 15px 0;width:121px;background:transparent url(../img/listing/sort_foldout_face.png) no-repeat 0 100%;}
ul#sort ul li{padding:0 10px 1px 10px;}
ul#sort ul a,
ul#sort ul a:hover,
ul#sort ul span,
ul#sort ul a:hover span{display:block;padding:0;color:#333;background-image:none;}
ul#sort ul a{width:100%;}
ul#sort ul a:hover{background:#40413b url(../img/listing/sort_foldout_item_face.gif) no-repeat 0 0;}
ul#sort ul span,
ul#sort ul a:hover span{padding:2px 8px 2px 8px;background:transparent url(../img/listing/sort_foldout_item_face.gif) no-repeat 0 100%;}
ul#sort ul span{color:#333;}
ul#sort ul a:hover span{color:#fff;}

ul#sort ul{display:none;}
ul#sort li.open ul{display:block;}
ul#sort li.open a.select{background-position:100% -26px;color:#000;}

ul#show li{padding-left:5px;}
ul#show a{padding-left:17px;background:transparent url(../img/icon/checkbox.gif) no-repeat 0 0;text-decoration:none;outline:none;}
ul#show a.details{padding-right:5px;}
ul#show a.checked{background-position:0 -32px;}

ul#show a.wait{background-position:0 -64px;}

#tab-container #sortbar-container{border-top:0 none;padding-top:0;}

#sortbar li.info {color:#999;font-size:10px;}
#sortbar li.info a{display:inline;color:#999;text-decoration:underline;}

/* item list */

.item-list,
#item-list{padding-top:20px;width:100%;position:relative;}

.item-group{padding-bottom:20px;}
.item-group h2.group-header{padding-bottom:5px;font-size:14px;color:#333;}
.item-group h2.group-header a.toggle{margin-left:5px;padding-left:11px;background:transparent url(../img/icon/twirl.gif) no-repeat 0 3px;font-size:11px;font-weight:normal;}
.item-group h2.group-header a.show{background-position:0 -29px;}
.item-group .show-all{padding-right:12px;text-align:right;}
.item-group .show-all a{padding-left:10px;background:transparent url(../img/icon/twirl.gif) no-repeat 0 3px;}
.item-group .no-results{padding-left:10px;color:#666;}

.item-slot{margin-bottom:10px;width:100%;background:#fff url(../img/listing/item_face.gif) no-repeat 100% 100%;}
.item{width:100%;padding-bottom:8px;}
.spotlight{background:#e7e3cc url(../img/listing/corners_spotlight.gif) no-repeat 0 100%;}
.spotlight .item{background:transparent url(../img/listing/corners_spotlight.gif) no-repeat 100% 100%;}
.item h3.header{padding-left:3px;background:transparent url(../img/listing/spotlight_header_face.gif) no-repeat 0 0;color:#fff;font-size:10px;}
.item h3.header span{display:block;padding:2px 8px 6px 5px;background:transparent url(../img/listing/spotlight_header_face.gif) no-repeat 100% 0;}

.item .summary{padding:10px 12px 0 12px;}
.spotlight .item .summary{padding-bottom:4px;}
.item .col-left{margin-right:235px;}
.item .col-right{display:inline;float:right;width:235px;}

.item .date-location{display:inline;float:left;padding-top:2px;width:127px;line-height:12px;}
.item .tip-ticket{display:inline;float:right;width:98px;position:relative;text-align:right;}

.col-left a.image,
.col-left img{display:inline;float:left;margin-top:2px;width:50px;height:50px;}
.col-left a.image{position:relative;}
.col-left a.image img{display:block;margin:0;}
.col-left span.zoom{position:absolute;left:0;bottom:0;width:15px;height:15px;background:transparent url(../img/listing/button_zoom.gif) no-repeat 0 0;}

.col-left .main{margin-left:60px;}

.no-image .col-left a.image,
.no-image .col-left img{display:none;}
.no-image .col-left .main{margin-left:0;}

/* main summary */
.main{font-size:11px;}
.main ul.title{padding-right:10px;margin-bottom:5px;}
.main h2 {padding-bottom:4px;color:#484c4f;font-size:15px;line-height:17px;}
.main h2 a{color:#4d7000;}
.main h2 a:hover{color:#333;}
.spotlight .main h2 a:hover{color:#333;}
.main h2 span.name {padding-left:5px;font-size:11px;color:#4d7000;}
.main h3 {font-size:11px;color:#000;font-weight:normal;}

.main h3 .category {padding:0 0 2px 0;font-size:10px;color:#666;font-weight:normal;font-style:italic;}
.main h3 .category a{color:#666;text-decoration:none;white-space:nowrap;}
.main h3 .category a:hover{text-decoration:underline;}

span.status{position:relative;margin-right:5px;width:60px;height:16px;float:left;overflow:hidden;line-height:10em;}
span.soldout{background:transparent url(../img/lang/state_soldout.gif) no-repeat 0 2px;}
span.canceled{background:transparent url(../img/lang/state_canceled.gif) no-repeat 0 2px;}
span.featured{background:transparent url(../img/lang/state_featured.gif) no-repeat 0 2px;}
span.tipwin{background:transparent url(../img/lang/state_tipnwin.gif) no-repeat 0 2px;}
h1 span.status{height:26px;background-position:0 7px;}

.components ul{width:100%;overflow:hidden;margin-bottom:-5px;}
.components li{padding:0 0 5px 20px;display:none;}
.components li.tippers{display:block;background:transparent url(../img/icon/recent_tippers.gif) no-repeat 0 0;}
.components li.tags{display:block;background:transparent url(../img/icon/tags.gif) no-repeat 0 0;}

.components,
.components a{color:#666;}
.components a{text-decoration:none;white-space:nowrap;}
.components a:hover{text-decoration:underline;}

.components span.list{margin-right:3px;}

.components a.show,
.components a.hide{padding-left:10px;background:transparent url(../img/icon/twirl.gif) no-repeat 0 3px;}
.components a.hide{background-position:0 -29px;}
.components a.show{display:inline;text-decoration:underline;color:#aaa;}
.components a.hide{display:none;text-decoration:underline;}

.components a.show span,
.components a.show:hover {color:#666;}

.component .friend-finder-options img{float:left;margin-right:5px;}

/* date-location */
.date-location h4{padding-bottom:2px;font-size:12px;color:#000;font-weight:bold;}
.date-location dt{font-size:10px;color:#333;}
.date-location dd{font-size:10px;font-weight:normal;color:#666;}
.date-location dd a.map{display:block;padding:0 0 5px 12px;background:transparent url(../img/icon/map_small.gif) no-repeat 0 2px;color:#666;}
/* tip */
.tip-button{position:relative;left:4px;margin-bottom:8px;width:98px;background:transparent url(../img/listing/count_box.gif) no-repeat 0 2px;overflow:hidden;}
.spotlight .tip-button{background-image:url(../img/listing/count_box_spotlight.gif);}
.tip-button span{padding:5px 0 6px 0;}
.tip-button .count{float:left;width:31px;margin-left:7px;font-size:12px;font-weight:bold;text-align:center;}
.tip-button a{float:left;width:60px;background:transparent url(../img/listing/button.gif) no-repeat 0 0;color:#fff;font-size:11px;text-decoration:none;}
.spotlight .tip-button a{background-image:url(../img/listing/button_spotlight.gif);}
.tip-button a span{display:block;padding-left:12px;text-align:center;}
.tip-button a:hover{background-position:0 -24px;color:#333;}
.tip-button a.update{background-position:0 -48px;}
.tip-button a.friend{background-position:0 -96px;}
.tip-button a.user{background-position:0 -120px;}
.tip-button a.update:hover{background-position:0 -72px;}

.ticket{background:transparent url(../img/icon/ticket.gif) no-repeat 0 50%;padding-left:20px;}

/* + foldout ==== */
#item-list .foldout-container,
.item-list .foldout-container{margin:0 10px;background:#fff url(../img/listing/corners_spotlight_details.gif) no-repeat 100% 100%;}
#item-list .foldout,
.item-list .foldout{width:100%;background:url(../img/listing/corners_spotlight_details.gif) no-repeat 0 100%;}

#stream .item-list .foldout-container,
#item-list .tippers-show .foldout-container,
#item-list .tippers-open .foldout-container,
.item-list .tippers-show .foldout-container,
.item-list .tippers-open .foldout-container{margin-top:0;}

/* + tippers */
.tippers-container{display:none;padding-top:3px;}
.spotlight .tippers-container{padding-top:0;}
.tippers-container .tippers{padding:0 0 0 40px;}
.spotlight .tippers-container .tippers{padding-bottom:5px;}
.tipper-list {padding:12px 0 0 0;}
.tipper-list img{float:left;width:28px;height:28px;}
.tipper-list li{padding-left:20px;clear:left;}
.tipper-list .tipper{padding:0 0 5px 0;width:100%;overflow:hidden;}
.tipper-list .details{margin-left:35px;padding-right:10px;font-size:10px;color:#666;}
.tipper-list .details a.screenname{font-weight:bold;}
.tipper-list .details em{color:#999;white-space:nowrap;}

.tipper-list span.attending{padding:0 1px;font-weight:bold;}
.tipper-list .yes {background-color:#70a011;color:#fff;}
.tipper-list .maybe {background-color:#ffad33;color:#fff;}

.tipper-notes {padding:4px 0 2px 0;width:100%;overflow:hidden;}
.tipper-notes li{float:left;padding-left:8px;font-size:10px;line-height:16px;}
.tipper-notes li.all{padding-left:20px;}
.tipper-notes a{display:block;padding-left:20px;background:transparent url(../img/icon/recent_tippers.gif) no-repeat 0 1px;color:#333;}

.tippers-container .tippers{background:transparent url(../img/rule_light.gif) no-repeat 40px 0;}
.tipper-list{background:transparent url(../img/rule_light.gif) no-repeat 100% 0;}

.tippers-container .no-tippers{background:transparent url(../img/rule_light.gif) no-repeat 100% 0;padding:10px 0 2px 20px;font-size:10px;color:#999;}

/* slot variations */
.no-image .details-container .details,
.no-image .tippers-container .tippers{background-position:0 0;}

.spotlight .tippers-container .tippers,
.spotlight .tipper-list{background-image:none;}

#stream .tippers-container,
.tippers-show .tippers-container, 
.tippers-open .tippers-container{display:block;}

.tippers-open .components a.hide{display:inline;}

.no-tippers .components,
.tippers-show .components .tippers,
.tippers-open .components a.show{display:none;}

#stream .tippers-show .components .tippers{display:block;}

/* paging */
#paging-container{text-align:center;padding:15px 0 10px 0;}

#paging{float:right;margin:0 auto 10px auto;overflow:hidden;}
#paging li{float:left;padding-right:2px;}
#paging li.prev{padding-right:15px;}
#paging li.next{padding-left:15px;}

#paging a{text-decoration:none;}
#paging a, 
#paging a span{display:block;background:transparent url(../img/listing/paging_face.gif) no-repeat 0 0;vertical-align:top;}
#paging a span{padding:3px 8px 4px 8px;font-size:11px;font-weight:bold;background-position:100% 0;}
#paging a img{height:11px;width:4px;margin-right:5px;vertical-align:top;background:transparent url(../img/listing/paging_arrow.gif) no-repeat 0 3px;}
#paging li.next a img{margin-right:0;margin-left:3px;background-position:100% 3px;}

#paging a:hover,
#paging a.selected{background-color:#40413b;background-position:0 -32px;color:#fff;}
#paging a:hover span,
#paging a.selected span{background-position:100% -32px;}
#paging a:hover img{background-position:0 -13px;}
#paging li.next a:hover img{background-position:100% -13px;}

#paging li.truncate{padding:4px 10px 5px 10px;color:#999;font-size:11px;font-weight:bold;}

#paging a.disabled img{background-position:0 -30px;}
#paging li.next a.disabled img{background-position:100% -30px;}

#paging a.disabled,
#paging a.disabled:hover{color:#ccc;background-position:0 0;} 
#paging a.disabled:hover span{background-position:100% 0;}

#paging-container .result{color:#40413b;font-size:10px;}

/* subscribing */
.add-favorites a{display:block;padding:0 0 0 14px;background:transparent url(../img/icon/add.gif) no-repeat 0 1px;font-size:10px;text-decoration:none;outline:none;}
.add-favorites a,
.add-favorites.added a.add{display:none;}
.add-favorites a.add,
.add-favorites.added a{display:inline;}
.add-favorites.added a{background-position:0 -33px;}
.add-favorites.wait a{background-position:0 -63px;}

/* form */
form .input-row {padding-bottom:4px;}
form .input-row .label,
form .input-row .field{display:inline;float:left;}
form .input-row .label{padding-top:3px;}
form .input-row.spacer{padding:0;height:16px;font-size:0;overflow:hidden;}
textarea,
input.text{border:1px solid #aaa;}
textarea,
input.text{padding:3px 4px;}
input.submit{position:absolute;left:-1000em;top:-1000em;}

a.button{float:right;padding-left:18px;background:transparent url(../img/button_face.gif) no-repeat 0 0;color:#fff;font-weight:bold;text-decoration:none;}
a.button span{display:block;padding:3px 18px 4px 0;background:transparent url(../img/button_face.gif) no-repeat 100% 0;}
a.button:hover,
a.button:focus{background-position:0 -32px;}
a.button:hover span,
a.button:focus span{background-position:100% -32px;}

/* next button */
div.next-button {margin-bottom:20px;padding: 13px 17px 0 17px; float:right;}
div.next-button a {display:block;padding-left:20px;background:transparent url(../img/button_face.gif) no-repeat 0 0;color: #fff;font-weight:bold;text-decoration:none;text-align:center;}
div.next-button a span {display:block;padding:3px 20px 4px 0;background:transparent url(../img/button_face.gif) no-repeat 100% 0;}
div.next-button a:hover,
div.next-button a:focus {background-position:0 -32px;}
div.next-button a:hover span,
div.next-button a:focus span  {background-position:100% -32px;}

/* add button */
div.next-button.add {margin:0;padding:10px 0 0 0;float:right;}
div.next-button.add a {background-image:url(../img/button_face_green_bg.gif);}
div.next-button.add a span{background-image:url(../img/button_face_green_bg.gif);}

.block-container {width:420px;}
.tip {margin:8px 0;padding:5px 0 5px 30px;background:transparent url(../img/icon/tip.gif) no-repeat 0 0 ;}

/* dialog windows ============================ */
.dialog{width:495px;}
.dialog h1.title{display:none;}
.dialog .header-container{background:#e9e4ce url(../img/dialog/corners_header.gif) no-repeat 0 0;}
.dialog .header{padding:12px;background:transparent  url(../img/dialog/corners_header.gif) no-repeat 100% 0;}
.dialog .footer-container{background:#e9e4ce url(../img/dialog/corners_footer.gif) no-repeat 0 100%;}
.dialog .footer{padding:12px;background:transparent  url(../img/dialog/corners_footer.gif) no-repeat 100% 100%;text-align:center;}

.dialog .header{padding-top:10px;}
.dialog .col-left{margin-right:132px;}
.dialog  .col-right{float:right;width:127px;}

.dialog .main-content{position:relative;margin-left:12px;padding-top:15px;width:483px;}
.dialog .overflow-content{height:300px;overflow:auto;}
.dialog .main-content h5{padding:0;color:#000;font-size:11px;font-weight:bold;}
.dialog .main-content .ruler{margin:4px 0 15px -10px;}

.dialog .footer .button{margin:auto;}
.dialog .footer .button a{float:left;display:block;margin:0 auto;padding:0 0 0 38px;background:transparent url(../img/dialog/button_tip.gif) no-repeat 0 0;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;}
.dialog .footer .button span{display:block;padding:9px 27px 11px 0;background:transparent url(../img/dialog/button_tip.gif) no-repeat 100% 0;}

.dialog .footer .button a:hover,
.dialog .footer .button a:focus{background-position:0 -64px;color:#40413b}
.dialog .footer .button a:hover span,
.dialog .footer .button a:focus span{background-position:100% -64px;}
.dialog .footer .untip,
.dialog .footer .signin{padding-top:5px;}

.dialog .main-content .wait,
.dialog .main-content .success{display:none;padding:40px 0;color:#333;font-weight:bold;text-align:center;}

.dialog .main-content .wait img,
.dialog .main-content .success img{width:16px;height:16px;margin-right:5px;background:transparent url(../img/icon/wait.gif) no-repeat 0 0;vertical-align:middle;}
.dialog .main-content .success img{background:transparent url(../img/icon/success.gif) no-repeat -5px -5px;}

.dialog .main-content .wait span{background-image:none !important;}

.dialog.waiting form, 
.dialog.waiting .message-container, 
.dialog.waiting .tab-set-container,
.dialog.succeeded form {display:none;}
.dialog.waiting .header,
.dialog.succeeded .header,
.dialog.waiting .footer,
.dialog.succeeded .footer{visibility:hidden;height:65px;overflow:hidden;}
.dialog.waiting .wait{display:block !important;width:100%;}
.dialog.succeeded .success{display:block !important;width:100%;}
.dialog.succeeded .message-container,
.dialog.waiting .wait div.untip{display:none;}

.dialog.waiting .close{display:none;}

/* tip-untip */
#tip-dialog{}
#tip-dialog .main-content{padding-top:0;}
.dialog form{padding:20px 0 20px 0;}
.dialog .input-row{}
.dialog .input-row .label{width:160px;margin-right:10px;text-align:right;padding-bottom:3px;padding-top:5px;}
.dialog .label label{font-size:12px;font-weight:bold;}
.dialog select{width:260px;}
.dialog input.text,
.dialog textarea{width:250px;}
.dialog label.error {display:block;color:#c00;padding:2px 0 4px 4px;}

#tip-dialog input.inner-label{color:#999;}

#add-tags {padding-top:8px;font-size:10px;}
#add-tags ul{padding-top:5px;width:260px;overflow:hidden;}
#add-tags li{float:left;padding:0 8px 2px 0;white-space:nowrap;}
#add-tags a{padding-left:13px;background:transparent url(../img/icon/add-tag.gif) no-repeat 0 2px;color:#666;text-decoration:none;}
#add-tags a:hover{background-position:0 -14px;color:#333;text-decoration:underline;}

#tip-dialog.untip .wait div{display:none;}
#tip-dialog.untip .wait div.untip{display:block}

#tip-dialog .message-container{margin:10px 0 0 0;}

/* related */
#related-dialog {}
#related-dialog .main-content dl{margin-bottom:15px;overflow:hidden;}
#related-dialog .main-content dt{font-weight:bold;}
#related-dialog .main-content dd{background:transparent url(../img/icon/detail.gif) no-repeat 12px 2px;overflow:hidden;line-height:14px;}
#related-dialog .main-content dd a{margin-left:20px;display:block;}
#related-dialog .main-content ul{float:right;margin-left:10px;width:50%;background:transparent url(../img/icon/going.gif) no-repeat 0 0;}
#related-dialog .main-content li{float:left;padding:0;font-size:11px;background-image:none;}
#related-dialog .main-content li.friends{padding-left:20px;}
#related-dialog .main-content li.others{padding-left:10px;background:transparent url(../img/listing/going_divider.gif) no-repeat 5px 2px;}
#related-dialog .main-content span.status{float:right;height:14px;position:static;}

#related-dialog .main-content li.icon{display:none;}

/* flyer */
#flyer-dialog {width:615px;}
#flyer-dialog .main-content{margin:0;padding-top:0;width:auto;}
#flyer-dialog .overflow-content{position:relative;width:auto;height:auto;text-align:center;}

/* text */
#text-dialog .main-content{padding-top:0;}
#text-dialog .overflow-content{height:400px;}

#tag-dialog .main-content{padding-top:0;}
#tag-dialog .tag-list li{display:inline;}
#tag-dialog .tag-list a{padding:0 2px 1px 2px;font-weight:bold;text-decoration:none;white-space:nowrap;}
#tag-dialog .tag-list a:hover{background-color:#6a9601;color:#fff;}

#feedback-dialog .main-content{padding-top:0;}
#feedback-dialog textarea{height:120px;}

#map-dialog{width:500px;}
#map-dialog .main-content{margin:0;padding:0;}
#map-dialog{height:400px;background:#fff url(../img/icon/wait.gif) no-repeat 50% 50%;}
#map-dialog-canvas address.location,
#map-dialog-info{display:none;}
#map-dialog-canvas{width:500px;height:400px;}

#map-dialog-canvas .info-window h1{font-size:14px;padding-bottom:5px;line-height:18px;}
#map-dialog-canvas .info-window address{font-style:normal;}

/* signin */
#signin-dialog .tab-set-container{padding-top:15px;margin-right:0;}

#signin-dialog .main-content{padding-bottom:15px;}
#signin-dialog form{padding-top:0;}
#signin-dialog div.right-aligned{float:right;margin-left:20px;}

#signin-dialog  .list li{background:transparent url(../img/homepage/list-item.gif) no-repeat 6px 3px;padding:0 0 6px 20px;}

#signin-dialog .label .sub{padding-top:2px;padding-right:5px;color:#666;}
#signin-dialog input.text{width:200px;}
#signin-dialog .focus {background: #f0f7ff;}
#signin-dialog .field .button{float:left;margin-top:10px;}
#signin-dialog #signin-feedback.error{padding:0 90px 20px 170px;color:#c00;font-weight:bold;}

/* component panel */
.component-container{margin-bottom:20px;background:#e3eccc url(../img/component/corners_bottom.gif) no-repeat 0 100%;}
.component {width:100%;background:transparent url(../img/component/corners_bottom.gif) no-repeat 100% 100%;}
.component .header{border-bottom:1px solid #a2c154;background:#5a6e28 url(../img/component/corners_top.gif) no-repeat 100% 0;}	
.component .header h2{margin:0;padding:3px 10px;background:transparent url(../img/component/corners_top.gif) no-repeat 0 0;font-size:12px;color:#fff;}
.component .header span{color:#fff;}	
.component .body{padding:10px;}
.component .footer{border-top:1px solid #a2c154;padding:8px 15px 15px 10px;max-width:100%;text-align:right;}

.component .footer a{float:right;margin-left:18px;padding-left:10px;background:transparent url(../img/icon/twirl.gif) no-repeat 0 3px;}

/* icons */
.featured img.icon{width:11px;height:11px;background:transparent url(../img/icon/featured.png) no-repeat 0 0;}
.add-event img.icon{width:13px;height:13px;background:transparent url(../img/icon/add-event.png) no-repeat 0 0;}

ul.list li{padding:2px 0 0 10px;background:transparent url(../img/icon/list-item.gif) no-repeat 2px 6px;}

/* messages boxes */

.message-container,
.message-container div.top,
.message-container div.top div,
.message-container div.body-container,
.message-container div.bottom,
.message-container div.bottom div{background:transparent url(../img/message_face.gif) no-repeat;}

.error-message,
.error-message div.top,
.error-message div.top div,
.error-message div.body-container,
.error-message div.bottom,
.error-message div.bottom div{background:transparent url(../img/message_error_face.gif) no-repeat;}

.success-message,
.success-message div.top,
.success-message div.top div,
.success-message div.body-container,
.success-message div.bottom,
.success-message div.bottom div{background:transparent url(../img/message_success_face.gif) no-repeat;}

.global-alert-container .message-container,
.global-alert-container div.top,
.global-alert-container div.top div,
.global-alert-container div.body-container,
.global-alert-container div.bottom,
.global-alert-container div.bottom div{background:transparent url(../img/message_global_face.gif) no-repeat;}

.message-container {margin-bottom:10px;background-position:0 50%;}
.message-container div.body-container{margin-left:7px;background-position:100% 50%;}
.message-container div.top {padding-left:7px;background-position:0 0;font-size:0;}
.message-container div.top  div{width:100%;height:5px;background-position:100% 0;}
.message-container div.body {padding:5px 35px 6px 26px;}
.message-container div.bottom {padding-left:7px;background-position:0 100%;font-size:0;}
.message-container div.bottom div{width:100%;height:5px;background-position:100% 100%;}

.global-alert-container div.body{padding-bottom:3px;}

.message-container div.body {background:transparent url(../img/icon/alert.gif) no-repeat 0 0;color:#40413b;text-align:left;}
.error-message div.body {background-image:url(../img/icon/error.gif);}
.success-message div.body {background-image:url(../img/icon/success.gif);}
.intro-message div.body{background-image:url(../img/icon/intro.gif);}

.message-container a.close{float:right;margin:2px 7px 0 0;width:15px;height:15px;background:transparent url(../img/message_close.gif) no-repeat 0 0;font-size:10px;}
.message-container a.close:hover{background-position:0 -32px;}
/* TODO: cleanup duplicates in icon folder*/

.message-container .options{margin-top:3px;}
.message-container .options a.ongoing{padding-left:10px;background:transparent url(../img/icon/twirl.gif) no-repeat 0 3px;}
.message-container .options em {color:#666;}

.discover h4{padding-bottom:4px;font-weight:bold;}
img.align-left{float:left;margin:0 10px 5px 0;}


.tip-container{padding-top:30px;}
.tip-container ul{padding-bottom:10px;}
.tip-container li{padding:2px 0 0 10px;background:transparent url(../img/icon/list-item.gif) no-repeat 2px 6px;}

/* tab set */
div.tab-set-container{margin:0 -20px 0 -4px;}
ul.tab-set{width:100%;overflow:hidden;background:transparent url(../img/tab_rule.gif) no-repeat 100% 25px;}
ul.tab-set li{float:left;}
ul.tab-set a{display:block;padding:0 0 0 16px;background:transparent url(../img/tab_face.gif) no-repeat 0 0;color:#504f4f;text-decoration:none;outline:none;}
ul.tab-set a span{display:block;padding:9px 16px 7px 0px;min-width:68px;background:transparent url(../img/tab_face.gif) no-repeat 100% 0;text-align:center;white-space:nowrap;cursor:pointer;}
ul.tab-set span em{font-style:normal;}
ul.tab-set li:first-child a{background-image:url(../img/tab_face_first.gif);}

ul.tab-set a:hover{background-position:0 -32px;color:#fff;}
ul.tab-set a:hover span{background-position:100% -32px;}
ul.tab-set li.selected a{background-color:#fff;background-position:0 -64px !important;color:#000 !important;font-weight:bold;}
ul.tab-set li.selected a span{background-position:100% -64px !important;}
ul.tab-set li.disabled a{background-position:0 -96px !important;color:#aaa !important;cursor:default;}
ul.tab-set li.disabled a span{background-position:100% -96px !important;}

.tab-content{padding: 20px 0 0 0;}

/* jQuery related */

#jQ_tS-inlineHelp{position:absolute;left:0;top:0;margin-top:-6px;width:250px;z-index:2000;overflow:hidden;text-align:left;}
#jQ_tS-inlineHelp .container{float:left;padding:0 0 0 1px;cursor:help;}
#jQ_tS-inlineHelp .top{padding-left:9px;background:transparent url(../img/inline_help.png) no-repeat 0 0;}
#jQ_tS-inlineHelp .top div{width:100%;height:4px;background:transparent url(../img/inline_help.png) no-repeat 100% 0;font-size:0;overflow:hidden;}
#jQ_tS-inlineHelp .bottom{padding-left:9px;background:transparent url(../img/inline_help.png) no-repeat 0 100%;}
#jQ_tS-inlineHelp .bottom div{width:100%;height:4px;background:transparent url(../img/inline_help.png) no-repeat 100% 100%;font-size:0;overflow:hidden;}
#jQ_tS-inlineHelp .body{padding-left:9px;background:transparent url(../img/inline_help.png) no-repeat 0 -4px;}
#jQ_tS-inlineHelp .body .content{padding:2px 20px 2px 10px;background:transparent url(../img/inline_help.png) no-repeat 100% -4px;}

#jQ_tS-inlineHelp.isIE .top,
#jQ_tS-inlineHelp.isIE .top div,
#jQ_tS-inlineHelp.isIE .bottom,
#jQ_tS-inlineHelp.isIE .bottom div,
#jQ_tS-inlineHelp.isIE .body,
#jQ_tS-inlineHelp.isIE .body .content{background-image:url(../img/inline_help.gif);}


iframe#jQ_tS-dialog-iframe,div#jQ_tS-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;}
iframe#jQ_tS-dialog-iframe{border:0 none;filter:alpha(opacity=0);z-index:900;}
#jQ_tS-dialog-overlay{background-color:#333;opacity:0.6;filter:alpha(opacity=60);}
#jQ_tS-dialog-wait{position:fixed;left:50%;top:50%;margin:-16px 0 0 -16px;width:32px;height:32px;background:transparent url(../img/dialog/wait.gif) no-repeat 50% 50%;z-index:1050;opacity:0.7;filter:alpha(opacity=70);}
#jQ_tS-dialog{position:fixed;left:-1000em;top:-1000em;z-index:1100;visibility:hidden;}
#jQ_tS-dialog .jQ_container{position:relative;text-align:left;}
#jQ_tS-dialog .jQ_top{padding-left:17px;background:transparent url(../img/dialog/dialog_face.png) no-repeat 0 0;}
#jQ_tS-dialog .jQ_top div{width:100%;padding:12px 0 7px 0;background:transparent url(../img/dialog/dialog_face.png) no-repeat 100% 0;}
#jQ_tS-dialog .jQ_bottom{padding-left:17px;background:transparent url(../img/dialog/dialog_face.png) no-repeat 0 100%;}
#jQ_tS-dialog .jQ_bottom div{height:20px;background:transparent url(../img/dialog/dialog_face.png) no-repeat 100% 100%;}
#jQ_tS-dialog .jQ_body{position:relative;padding-left:17px;background:transparent url(../img/dialog/dialog_face.png) no-repeat 0 -64px;}
#jQ_tS-dialog .jQ_body .jQ_content{position:relative;padding:10px 15px 0 0;background:transparent url(../img/dialog/dialog_face.png) no-repeat 100% -64px;}

#jQ_tS-dialog .jQ_top h1{margin:0;padding:2px 0 0 0;color:#fff;font-size:12px;line-height:13px;}
#jQ_tS-dialog .jQ_top a.close{float:right;margin-right:15px;padding:0 18px 1px 0;background:transparent url(../img/dialog/close.gif) no-repeat 100% 1px;color:#fff;font-size:10px;}
#jQ_tS-dialog .jQ_top a.close:hover{background-position:100% -31px;}