@charset "UTF-8";
/* CSS Document */

* {
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
}

html,
body {
   margin:0;
   padding:0;
   background: #fff url(images/main_background.gif);
   font: 12px/18px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
   color: #535353;
   height:100%;
   text-align: left;
}
#wrapper {
   min-height:100%;
   position:relative;
   background: transparent url(images/main_back_light.png) top center no-repeat;
   margin: 0 auto;
}


#header {
	position: relative;
	padding:0px;
  	height: 90px;
}

#header-inner {
   padding:0px;
   position: relative;
   background: url(images/ICON_Concerts_logo.png) no-repeat;
   width: 900px;
   height: 90px;
   margin: 0 auto;
}


#body {
   background: url(images/page_center_background.gif) center repeat-y;
   padding:0px;
   margin: 10px 0px 0px 0px;
   padding-bottom:40px;   /* Height of the footer */
   overflow: hidden;
}

#body-inner {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#body-inner-admin {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

img.artist-thumb {
	width: 115px;
	height: 115px;
	border: 4px solid #fff;
}

#flash-header {
	position: relative;
	text-align: center;
	width: 920px;
	height: 210px;
	background: transparent url(images/header_background.gif);
	margin: 0px auto;
}

#flash-banner {
	padding: 20px 0px 0px 0px;
}

#home-flash {
	width: 900px;
	height: 371px;
	margin: 0px 20px 0px 20px;
}

#nav {
	height: 55px;
}

#nav-inner {
	position: relative;
	width: 900px;
	height: 55px;
	background: #373737 url(images/nav_background.gif) repeat-x;
	margin: 0 auto;
}

#footer {
   position:absolute;
   bottom:0px;
   width:100%;
   height:40px;   /* Height of the footer */
   background: #272727 url(image-url.gif);
   
}

#footer-inner {
   width:900px;
   height:40px;
   margin: 0 auto;
   background: url(images/.gif) repeat-x;
}


h1, h2, h3, h4 {
	padding: 0; margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

h1 {
	font: bold 2.3em/200% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	background: url(images/H1_background.png) no-repeat right;
	color: #fff;
	text-indent: 15px;
	height: 78px;
	width: 630px;
}

h2 {
	font: 2em/100% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #006fba;
}

h2 span {
	font-size: .4em;
	text-transform: uppercase;
	color: #fff;
}

h3 {
	font: 1.5em/100% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}

h4 {
	font: 1.2em/100% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}


p {
 	font-family: 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

a, a:visited {
	color: #006fba;
	text-decoration: none;
}

a:hover {
	color: #ccc;
}

/*  Navigation  */
#nav-bar {
	float: right;
	list-style: none;
	padding: 0; margin: 50px 0px 0px 25px;
	display: inline;
}

#nav-bar li {
	display: inline;
	margin: 0; padding: 0;
}
#nav-bar li a {
	float: left;
	margin: 0;	padding: 0 10px;
	font: 13px/30px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	text-decoration: none;	
	text-transform: uppercase;
}
#nav-bar li a:hover, 
#nav-bar li a:active {
	color: #319db1;
	background: none;
	border: none;
}
#nav-bar li#current a {	
	color: #D33972;	
}

/* FOOTER */

#footer p {
	line-height: 40px;
	margin: 0px 0px 0px 20px;
}

/* BUTTONS */
a.button {
	position: absolute;
	bottom: 0px; right: 10px;
	background: transparent url('images/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: 15px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	height: 41px;
	margin-right: 1px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
}
a.button span {
	background: transparent url('images/button_left.png') no-repeat;
	display: inline-block;
	padding: 6px 0 7px 17px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}

/* ICON TV */
#icon-tv {
	width: 250px;
	height: 183px;
	background-color: #fff;
	border: solid 1px #ccc;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	margin-bottom: 1.5em;
}

.prev {
	position: absolute;
	top: 115px; left: 0px;
	height: 27px;
	width: 27px;
	background: transparent url(images/prev_btn.png) no-repeat;
}

.next {
	position: absolute;
	top: 115px; right: 0px;
	height: 27px;
    width: 27px;
    background: transparent url(images/next_btn.png) no-repeat;
}

/* --- END ICON TV --- */

#follow-us {
	margin-bottom: 1.5em;
}

#follow-us img {
	margin: 0px 3px 0px 0px;
}
h1#logo {
	float: left;
	text-indent: -9999px;
	background: url(images/ICON_Concerts_logo.gif);
	width: 174px;
	height: 95px;
	position: absolute;
	top: 0px; left: 77px;
	z-index: 99;
}

p#phone {
	float: left;
	position: absolute;
	top: 10px; right: 0px;
}


/* BODY LAYOUT */

#left-colum {
	position: relative;
	float: left;
	width: 250px;
	margin: 30px 0px 0px 20px;
}

#righ-colum {
	position: relative;
	float: right;
	width: 610px;
	margin: 30px 0px 50px 0px;
}

#righ-colum  h1 {
	text-transform: uppercase;
}

#ostw li {
	list-style: none;
	font-size: .9em;
}

#ostw span.artist {
	overflow: hidden;
	width: 75px;
	float: left;
}

#ostw span.location {
	width: 75px;
	overflow: hidden;
	float: left;
}

#ostw span.date {
	float: left;
	font-size: .8em;
	font-style: italic;
	color: #3f3f3f;
	width: 75px;
}

#ostw .heading {
	float: left;
	width: 75px;
	font-size: .8em;
	font-style: oblique;
	color: #fff;
	border-bottom: 1px dashed #2A2A2A;
	margin-top: -4px;
	margin-bottom: 4px;
}

.followers {
	font-size: .4em;
	color: #C1C1C1;
	text-align: right;
	margin-left: 5px;
}
#tweets, #ostw {
	padding: 10px;
	background-color: #242424;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}

#tweets li {
	list-style: none;
	font-size: .9em;
}
#tweets .link {
	margin-right: 1px;
}
#tweets a, #ostw a {
	color: #38979F;
}

#tweets a:hover {
	text-decoration: underline;
}

#tweets .created {
	font-size: .8em;
	font-style: italic;
	color: #3f3f3f;
}

input {
	margin: 0px 0px 0px 0px;
}



.email-list {
	background: url(images/input.gif);
	text-indent: 10px;
	width: 201px;
	height: 23px;
	border: 0px;
	margin: 0px 5px 0px 0px;
	padding: 5px;
}

.join {
	display: block;
	background: url(images/join_btn.gif);
	width: 75px;
	height: 35px;
	text-indent: -9999px;
	border: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0px;
}

.manage-events {
	overflow: hidden;
	display: none;
}
.manage-events h2 {
	width: 100%;
}

h2 span.right {
	float: right;
	margin-right: 40px;
}

.event-artist-left {
	float: left;
	text-align: center;
}

.event-artist-left img {
	margin-top: 10px;
}

.event-artist-right {
	text-align: left;
	width: 705px;
	overflow: hidden;
	margin-top: 10px;
	float: right;
}

.manage-events .artist-thumb {
	border: 4px solid #e0e0e0;
}

.event-info {
	height: auto;
	width: 695px;
	overflow: hidden;
	position: relative;
	background-color: #dedede;
}


.event-info .c1 {
	float: left;
	width: 120px;
	font-size: 1.5em;
	overflow: hidden;
	margin: 5px;
}

.event-info .c2 {
	float: left;
	width: 181px;
	overflow: hidden;
	margin: 5px;
}

.event-info .info {
	float: left;
	width: 680px;
	margin-top: 5px;
	margin-left: 5px;
}

.event-info .date {
	position: absolute;
	right: 0;
	top: -30px;
	font-size: 1.5em;
}

.event-info .margin {
	border-top: 1px dashed #d7d7d7;
	margin-top: 5px;
	float: right;
	padding-bottom: 5px;
	margin-right: 5px;
}

.event-edit {
	position: absolute;
	top: 3px;
	right: 3px;
}

.event-gap {
	height: 20px;
}

.gap {
	height: 10px;
}

#bio-box {
	background-color: #fff;
	height: auto;
	width: 570px;
	padding: 10px;
	border: 1px solid #ccc;
}

#bio-box .bio-img {
	float: right;
	width: 225px;
	height: 225px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid #ccc;
}

#bio-box .bio {
	float: left;
	width: 300px;
	height: auto;
	margin: 10px;
}
#bio-box .bio-nav {
	margin: 5px 10px;
	height: 30px;
}

#bio-box .bio-nav a {
	margin: 0px 10px 0px 0px;
}

#bio-box .bio-nav ul li {
	display: inline;
	text-transform: uppercase;
}

#bio-box .audio, #bio-box .video {
	display: none;
	float: right;
	width: 225px;
	height: 225px;
	margin-top: 10px;
	margin-right: 10px;
}


/* UPCOMING EVENTS */

#sort-bar {
	margin: 0; padding: 0;		
	height: 34px;
	background: url(images/sort_bar_background.gif) no-repeat;
	margin: 0px 0px 25px 0px;
}
#sort-bar ul {
	float: left;
	list-style: none;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
#sort-bar ul li {
	display: inline;
	margin: 0; padding: 0;
}

#sort-bar .active a {
	float: left;
	color: #006fba;
	font-weight: bold;
	cursor: default;
}
#sort-bar ul li { float: left; }
#sort-bar li.sort{
	float: left;
	margin: 0;	padding: 0 10px;
	font: 10px/35px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	text-decoration: none;	
	color: #606060;	
	text-transform: uppercase;
}
#sort-bar ul li a {
	margin: 0;
	padding: 0 5px;
	font: 15px/35px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	text-decoration: none;	
	color: #ccc;	
	text-transform: uppercase;
}
#sort-bar ul li a:hover, 
#sort-bar ul li a:active {
	color: #006fba;
	background: none;
	border: none;
}
#sort-bar ul li#current a {	
	color: #D33972;	
}

input.sort-search {
	width: 130px;
	font-size: 10px;
	line-height: 12px;
	padding: 5px;
	margin: 5px 0px 0px 30px;
}

input.sort-submit {
	width: 28px;
	line-height: 22px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	border: none;
	background: #ffffff url(images/sort_bar_search.gif) no-repeat;
}

/*---artist---*/
.event {
	width: 550px;
	height: 120px;
	overflow: hidden;
}

.sbupcoming {
	width: 550px;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	margin: 0px 0px 10px 0px;
	background: #fff;
}

.sbupcoming .more-info {
	margin-bottom: -20px;
}

.sbupcoming img.artistPic {
	border: 1px solid #ccc;
}

.artist-page h3 {
	width: 100%;
}

h3.artist {
	float: left;
	width: 100%;
	font: 22px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	text-transform: uppercase;
	line-height: 20px;
}

h3.artist a:visited {
	
}

.event {
	position: relative;
}

.event .event-ArtistDate {
	float: right;
	text-align: right;
	width: 137px;
}

.event .event-ArtistDate .date {
	color: #737373;
	font: 15px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	text-transform: uppercase;
}

span.pre-sale {
	position: absolute;
	bottom: 19px; right: 130px;
	width: 72px;
	height: 15px;
    color: #FFF;
	background: url(images/pre_sale_btn.gif) no-repeat;
    font: 9px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
    text-transform: uppercase;
}

span.on-sale  {
    position: absolute;
    bottom: 19px; right: 130px;
    width: 72px;
    height: 15px;
    color: #FFF;
    background: url(images/on_sale_btn.gif) no-repeat;
    font: 9px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
    text-transform: uppercase;
}

#artist-events {
	width: 590px;
	overflow: hidden;
}
	#artist-events h2, #media h2 {
		margin-top:25px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	
	#artist-events .picture {
		height: 115px;
		width: 115px;
		float: left;
		border: 1px solid #ccc;
	}
	
	#artist-events .artist-event, #media .none {
		position: relative;
		width: 580px;
		height: auto;
		margin: 0;
		padding: 10px;
		border: none;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
	}
	
	#media .video {
		width: 370px;
		background-color: #242424;
		height: 283px;
	}
	
	#media .video object, #media .audio object {
		margin: 10px;
	}
	
	#media .audio {
		margin-top: 10px;
		width: 370px;
		height: 40px;
		background-color: #242424;
	}

	#artist-events .artist-event h3 {
			margin: 0 0 10px 5px;
			padding: 0;
			border: none;
			text-transform: uppercase;
			width: 570px;
		}
	
	#artist-events .artist-event .info {
		position: relative;
		float: left;
		margin: 0 10px;
		padding: 0;
		border: none;
		text-transform: none;
		line-height: 1.5em;
		width: 440px;
		height: 95px;
	}
	
	#artist-events .artist-event .info span {
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-transform: uppercase;
	}
	
	.sliders {
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	.sliders .slider {
		position: absolute;
		left: 125px;
		top: -20px;
		cursor: pointer;
	}
	
	.more-info {
		margin-right: 10px;
		text-transform: none;
	}
	
		.more-info p {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 14px;
			margin-bottom: 15px;
		}
	
		.more-info p span {
			font-weight: normal;
		}
	
	.slide-up {
		display: none;
	}
	
	#artist-events .artist-event .slide-down {
		
	}

img.artistPic {
	float: left;
	clear: left;
	border: solid 5px #ccc;
	margin: 0px 10px 10px 0px;
}

.event .event-ConcertInfo {
	float: left;
	width: 275px;
	font-family: 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	font-size: 15px;
}

.event p.more-info {
	float: right;
	display: block;
	bottom: 0px; right: 0px;
}

.sbartist .sb-artist-info {
	position: relative;
	float: left;
	height: 125px;
}

.sbartist img {
	float: left;
}

.sbartist h3 {
	font-size: 22px;
	line-height: 23px;
	width: 415px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.sbartist .event-ConcertInfo {
	width: 415px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.sbartist .event-num {
	width: 415px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ArtistInfo {
	width: 550px;
	height: 165px;
	padding: 15px 0px 15px 0px;
	border-bottom: solid 1px #2c2c2c;
}

.EventsInfo {
	width: 550px;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
}

/*---ArtistBio---*/

#ArtistBio {
	clear: both;
	width: 550px;
	height: 250px;
	border-bottom: solid 1px #2c2c2c;
}

#bio-nav {
	position: relative;
	float: left;
	margin: 0; padding: 0;		
	height: 34px;
	margin: 0px 0px 0px 0px;
	bottom: 0px; left: 0px;
}
#bio-nav ul {
	float: left;
	list-style: none;
	margin: 0 0 0 0px; padding: 0;	
	display: inline;
}
#bio-nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#bio-nav ul li a {
	float: left;
	margin: 0px 12px 0px 0px;	padding: 0 0px;
	font: 15px/35px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	text-decoration: none;	
	color: #FFF;	
	text-transform: uppercase;
}
#bio-nav ul li a:hover, 
#bio-nav ul li a:active {
	color: #319db1;
	background: none;
	border: none;
}
#bio-nav ul li#current a {	
	color: #D33972;	
}

#ArtistBio p {
	float: left;
	width: 300px;
	height: 200px;
}

/* ADMIN */

#righ-colum-admin {
	float: right;
	width: 900px;
	margin: 40px 0px 40px 0px;
}

#righ-colum-admin .artist {
	width: 860px;
	margin-left: 20px;
}

#righ-colum-admin h1 {
	width: 900px;
	right: -20px;
	position: relative;
}
#left-colum-admin {
	float: left;
	width: 50px;
	margin: 40px 0px 40px 40px;
}


/* ADMIN-VENUES */

.venue {
	margin: 0px 40px 40px 40px;
	border-bottom: solid 1px #ccc;
	padding: 0px 0px 20px 0px;
}

.venue img {
	border: 0px;
}

.venue .name {
	font-size: 24px;
	line-height: 30px;
	color: #006fba;
}

.venue .edit_venue {
	text-transform: uppercase;
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #006fba;
}

#add_venue_link {
	text-transform: uppercase;
	font: 10px/15px Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 40px;
	color: #000;
}


/* FORM */

.basic, .upload, .delete, .login {
	width: 670px;
	margin: 30px 0px 20px 115px;
}
	
form {

}
form p {
	clear:both;
	margin:0;
	padding:.2em 0;
}

form.delete-form {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	width: auto;
}

.edit-form .btn {
	width: 15px;
	height: 15px;
	padding: 0;
	background: url(images/edit-delete.gif) no-repeat left;
	color: #fff;
	cursor: pointer;
}

form.delete-form .btn {
	width: 14px;
	height: 15px;
	padding: 0;
	background: url(images/edit-delete.gif) no-repeat right;
	color: #fff;
	border: 0px;
	cursor: pointer;
}

form.edit-form {
	float: left;
	margin-right: 5px;
	padding: 0;
	border: none;
	background: none;
	width: auto;
}
label {
	display:block;
	font-size:15px;
	margin: 20px 0px 0px 0px;
}	
input {
	width:572px;
	padding:10px 5px;
	border: 1px solid #ccc;
	font-size:14px;
	background:#fff url(../images/bg_input.gif) repeat-x;	
}	
textarea {
	width:572px;
	height:100px;
	overflow:auto;
	padding:10px 5px;
	border:1px solid #ccc;
	font-size:14px;
	background:#fff url(../images/bg_input.gif) repeat-x;	
}

select.dropdown {
	width: 572px;
	height: 30px;
}

.submit {
	height:60px;
}
.button {
	border:none;			
	background: #7c7c7c url(images/btn_join2.gif) repeat-x 0 0;
	height:40px;
	cursor:pointer;
	margin: 10px 0px 0px 0px;
}

button.send {
	background:#fff url(../images/btn_send.gif) no-repeat 0 0;	
}
.form-style {
	width: 860px;
	position: relative;
}
.form-style form .artist-img {
	
	position: absolute;
	right: 10px;
	top: 10px;
}									
	
	/* end FORM */
	
.bold {
	font-weight: bold;
}

/* HEADER JFLOW */

#myController {
	display: none;
	line-height: 20px;
}

#myController span{
	color:#FFF;
	background:#000;
	margin-right:10px;
	cursor:pointer;
}

#jFlowSlide{
	border:1px solid #F00;
	bottom: 0px;
}

#myController span.jFlowSelected {
	background:#F00;
}

.jFlowPrev, .jFlowNext{
	cursor:pointer;
}

.small-edit {
	color: red;
	font-size: .7em;
	text-transform: uppercase;
}

.manage {
	width: 840px;
	margin-left: 20px;
	overflow:hidden;
	margin-bottom: 20px;
	background-color: #e7e7e7;
	padding: 10px;
}

.manage h2 { margin: 0; cursor: pointer; }

#manage-dropdown {
	position: absolute;
	width: 200px;
	right: 20px;
	margin-top: 12px;
	z-index: 99;
}
/* Brands Dropdown */
#manage, #manage ul { list-style: none;}
#manage, #manage * { padding: 0; margin: 0; }

	
/* Head links */
#manage li.link { width: 186px; float: left; border: 0; text-align: left; }
#manage li.link a { display: block; padding: 10px; }

/* Child lists and links */
#manage li.link ul li.spacer { height: 10px; }
#manage li.link ul li a { margin-left: 4px; margin-top: 5px; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px; height: 17px; }
#manage li.link ul li a:hover { color: #20747c; background-color: #59c8ce; }
#manage li.link div.bg { padding: 0; margin: 0; width: auto; cursor: pointer; position: relative; z-index: 99; background: url(images/manage.gif) no-repeat right; height: 34px; }
#manage li.link div.bg:hover { background: url(images/manage.gif) no-repeat left;}

/* Pretty styling */
#manage li.link { color: #000; margin-left: 10px; }
#manage li.link ul { display: none; width: 182px; position: absolute; background: url(images/manage-drop.gif) no-repeat; height: 175px; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888888 url(images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #404040; background: #555555 url(images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url() 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:0px; margin:0px; padding:0px;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:5px solid #FFF;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family: Arial, "Helvetica", sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(resources/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family: Arial, "Helvetica", sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}