
/*  
Theme Name: Ambassador Tickets
Version: 1.5
*/



/* Move to _common.css */

#carousel ul li .btmrnd {
	display: none;
}

#carousel #page-top {
	display: block;
	background: transparent url(../images/mainpage/mainimage_rndbtm.gif) repeat scroll 0 0;
	height: 15px;
	width: 1000px;
	z-index: 9999;
}

/* Page Content */

#content .wrapper2 {
	background-image: url(../images/mainpage/content_top.png);
}

#content .wrapper3 {
	padding-top: 10px;
}

h1 {
}

.inside1 h1 {
	margin: 2px 0 5px 0;
	padding: 0;
	display: inherit;
	font-size: 16px;
	font-weight: bold;
}

a.promle {
	color: #0099ff !important;
	text-decoration: underline;
}

a.promle :hover {
	color: #0099ff !important;
	text-decoration: none;
}

/* Top boxes on home page */

#productions_box {
	float: left;
	display: inline;
}

#video_box {
	float: right;
	display: inline;
}

.topbox {
	width: 480px;
}

.topbox .inside1 {
	background: url(../images/mainpage/box.gif) no-repeat 100% 100%;
}

.topbox .inside2 {
	height: 380px;
	background: url(../images/mainpage/box_left.gif) no-repeat 0 100%;
	padding: 13px 13px 18px 15px;
}

#intro_text {
	/*height: 120px;*/
	padding: 0 5px;
	color: #333;
	margin:0 0 15px;
}

#intro_text a {
	white-space: nowrap;
}

/* Lower nav for home page boxen */

.lower_nav {
	text-align: center;
	clear: both;
	background: #fff;
}

.lower_nav .rss {
	float: left;
}

.lower_nav .pages {
	float: right;
}

.topbox .lower_nav {
	clear: both;
	width: 446px;
	z-index: 999;
	background: transparent;
}

/* Cards */

.topbox .resbox {
	margin: 0 0 8px 0;
}

/* Rows */

#upholder {
	width: 960px;
	float: left;
	overflow: hidden;
}

.column {
	height: 423px;
	overflow: hidden;
}

/* Ambassador Card and Calendar */

#cardholder {
	width: 475px;
	margin: 0 5px 0 0;
	float: left;
}

#cardmenu {
	width: 466px;
	height: 34px;
	margin: 0px auto;
	background: url(../images/mainpage/cardmenubg.gif) repeat-x;
}

#cardnav_top {
	width: 463px;
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 11px;
}

#cardnav_top li {
	float: left;
	list-style: none;
}

#cardnav_top li a {
	height: 26px;
	float: left;
	display: inline;
	position: relative;
	top: 0;
	outline: none;
	padding: 2px 5px 6px 5px;
	margin: 0 1px 0 0px;
	border-right: #d7d8d9 1px solid;
	border-left: #d7d8d9 1px solid;
	background: url(../images/mainpage/cardmenubg.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	color: #000;
	text-align: center;
	max-width: 85px;
 width: expression(this.clientWidth > 84? "85px" : "auto");
	zoom: 1;
	font-size: 11px;
}

#cardnav_top li a.current,
#cardnav_top li a:hover {
	background-image: url(../images/mainpage/tab_current.png);
	color: #0099FF;
	font-weight: normal;
}

li#cardnav_top-home a,
li#cardnav_top-whatson a,
li#cardnav_top-store a,
li#cardnav_top-information a {
	text-align: center;
}

li#cardnav_top-home a {
	left: 0;
	text-align: center;
}

li#cardnav_top-home a:hover {
	background: #eaebed;
}

li#cardnav_top-whatson a {
	left: 0;
	text-align: center;
	max-width: 80px;
}

li#cardnav_top-whatson a:hover {
	text-align: center;
	background: #eaebed;
	max-width: 80px;
}

li#cardnav_top-store a {
	left: 0;
	max-width: 90px;
	text-align: center;
}

li#cardnav_top-store a:hover {
	background: #eaebed;
	max-width: 90px;
}

li#cardnav_top-information a {
	left: 0;
	max-width: 70px;
}

li#cardnav_top-information a:hover {
	background: #eaebed;
	max-width: 70px;
}

#cardmain {
	background: url(../images/mainpage/cardbg.gif) repeat-y;
	height: 387px;
	_height: 300px;
}

#cardinside {
	padding: 10px 0 10px 10px;
	width: 444px;
	_width: 464px;
	height: 360px;
	_height: 300px;
	background: url(../images/mainpage/cardbg.gif) repeat-y;
}

.leftcards {
	float: left;
	display: inline;
	width: 50%;
}

.ritecards {
	float: right;
	display: inline;
	width: 50%;
	text-align: right;
}

.ritecards .resbox {
	float: right;
	display: inline;
}

.cardbottom {
	width: 475px;
	height: 13px;
	background: url(../images/mainpage/cardbottom.gif) no-repeat top;
}

#pormo.loading {
	height: 200px;
	background: url(../images/spinner.gif) no-repeat 50% 50%;
}

/* AmbassadorTV */

.videoholder {
	width: 475px;
	margin: 0 auto;
	position: relative;
	float: left;
}

.tvheader {
	width: 466px;
	height: 34px;
	margin: 0px auto;
	line-height: 24px;
	text-align: center;
	background: url(../images/mainpage/cardmenubg.gif) repeat-x;
}

.tvmain {
	background: url(../images/mainpage/cardbg.gif) repeat-y;
	height: 387px;
 *margin: -14px 0 0 0;
}

.tvinside {
	padding-top: 7px;
}

#thetv {
	display: block;
	width: 384px;
	height: 215px;
	text-align: center;
	margin: 0 auto;
}

.tvdesc {
	padding-top: 10px;
	width: 380px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 1.3em;
}

.tvdesc_left {
	float: left;
	display: inline;
	width: 260px;
}

.tvdesc_right {
	float: right;
	display: inline;
	width: 120px;
	text-align: right;
}

.tvdesc_right a {
	padding-right: 18px;
	background: url(/images/second/i.gif) no-repeat 100% 50%;
}

.scroll_lower_nav {
	width: 100%;
	margin: -6px auto;
	padding: 2px 0 4px 0;
 *margin: -13px auto;
 *padding: 0px 0 4px 0;
}

.scroll_low {
	width: 100%;
	margin: 10px auto;
	padding: 2px 0 4px 0;
}

.tv_naver {
	width: 100%;
}

/* Video scroller */


.video_scroller {
	margin: 0 30px;
	padding: 10px 0;
	width: 380px;
	overflow: hidden;
	margin: 0 auto;
	height: 81px;
}

.video_scroller ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 1000em;
	height: 81px;
}

.video_scroller ul li {
	margin: 0;
	padding: 0;
	list-style: 0;
	float: left;
	width: 96px;
	height: 75px;
}

.video_thumbs {
	position: relative;
}

.video_thumbs .prev,
.video_thumbs .next {
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
}

.video_thumbs {
	_zoom: 1;
}

.video_thumbs .prev {
	background: url(../images/second/scroll_arrow_left.gif) no-repeat 0 0;
	left: 10px;
	top: 30px;
}

.video_thumbs .next {
	background: url(../images/second/scroll_arrow_right.gif) no-repeat 0 0;
	right: 10px;
	top: 30px;
}

.video_thumbs .disabled {
	visibility: hidden;
}

.video_thumbs .prev-disabled {
	/*background: url(../images/second/scroll_arrow_left_disabled.gif) no-repeat 0 0;*/
    visibility: hidden;
}

.video_scroller .next-disabled {
	/*background: url(../images/second/scroll_arrow_right_disabled.gif) no-repeat 0 0;*/
    visibility: hidden;
}

/* left column */
.tv_nav {
	width: 15%;              /* % of inner-container width is ~same width as right column */
	float: left;             /* left side of inner-container */
	margin: 0;               /* keep flush with adjacent containers */
	padding: 0;    /* space from window edge (IE messes up with margin, so use padding) */
	font-size: 90%;
	text-align: center;
	background: #FFF;
}

/* center column */
.tv_content {
	width: 70%;              /* % of inner-container width */
	float: right;            /* right side of inner-container */
	padding: 0;      /* some padding for readability */
	margin: 0;
	color: #000;
	text-align: center;
}

/* right column */
.tv_sidebar {
	width: 9%;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: center;
}

/* container for the 3 columns */
.scroll_outer-container {
	width: 100%;
	margin: 0;
	color: #000;
}

/* container for just the left and center columns */
.scroll_inner-container {
	width: 420px;
	float: left;
	color: #000;
	margin: 0;
}

/* left column */
.scroll_nav {
	width: 25px;              /* % of inner-container width is ~same width as right column */
	float: left;             /* left side of inner-container */
	margin: 0;               /* keep flush with adjacent containers */
	padding: 20px 0 0 0;    /* space from window edge (IE messes up with margin, so use padding) */
	font-size: 90%;
	text-align: center;
}

/* center column */
.scroll_content {
	width: 380px;              /* % of inner-container width */
	float: right;            /* right side of inner-container */
	padding: 0;      /* some padding for readability */
	margin: 0 0 0 0px;
	color: #000;
	text-align: center;
}

/* right column */
.scroll_sidebar {
	width: 25px;
	float: right;
	margin: 0px;
	padding: 20px 0 0 0px;
	font-size: 90%;
	text-align: center;
}

.scrolltext {
	width: 90%;
	margin: 10px auto;
 *margin: 0px auto;
	_margin: 0 auto;
	text-align: center;
}

.scrollbottom {
	width: 467px;
	height: 13px;
	margin: 0px 0 0 4px;
	background: url(../images/mainpage/cardbottom.gif) no-repeat top;
}

/* Columns (AmbassadorTV, Blogs, Latest News, External News)*/



.columns {
	list-style: none;
	margin: 0;
	padding: 0;
}

.columns li {
	padding: 0;
	float: left;
	display: inline;
	background: #fff url(../images/mainpage/column_normal.jpg) no-repeat top left;
	margin: 3px;
	width: 234px;
}

.columns li:hover {
	background: #fff url(../images/mainpage/column_hover.jpg) no-repeat top left;
}

.column_head {
	height: 30px;
	text-align: center;
	padding: 14px 0 0 0;
	font-weight: bold;
}

.column_body {
	height: 360px;
}

.columns li .lower_nav {
	height: 20px;
}

.column_post {
	padding: 14px 10px 10px 10px;
	color: #545460;
}

.column_title {
	font-size: 1.2em;
	font-weight: bold;
}

.column_post p {
	margin: 0;
	padding: 0;
}

.column_video {
	margin: 14px 0 10px 0;
	text-align: center;
 *margin: 15px 0 10px 0;
}

#cal_up .showsearch {
	padding-top: 10px;
}

#calendar .showsearch {
	padding: 0;
}

.column_video_calenda {
	margin: 14px 0 10px 0;
 *margin: 20px 0 10px 0;
	text-align: center;
}

.column_videodesc {
	margin: 0 10px 0 10px;
	width: 220px;
	height: 30px;
}

.videodesc_view {
	float: right;
	width: 110px;
	height: 16px;
	padding: 3px;
	background: url(../images/mainpage/column_arrow.gif) no-repeat top right;
	position: relative;
}

.column_news {
	padding: 17px 10px 10px 10px;
	clear: both;
	color: #545460;
}

.column_news_photo {
	width: 85px;
	height: 85px;
	float: left;
	clear: both;
	position: absolute;
}

.column_news_desc {
	width: 110px;
	margin: -3px 0 0 95px;
	position: relative;
	clear: both;
}

.columns_bottom {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../images/mainpage/columns_bottom.gif) no-repeat top right;
 *margin: -12px auto;
}

.calendartitle {
	width: 100%;
	margin: 5px auto;
	text-align: center;
	font-size: 1.33em;
	font-weight: bold;
 *margin: 0px auto;
	_margin: 0 auto;
}

.caldivider {
	width: 100%;
	width: 50%;
	text-align: center;
	font-size: 1.33em;
	font-weight: bold;
 *margin: 0px auto;
	_margin: 0 auto;
}

.calendar {
	border-collapse: collapse;
}

.calendartitle {
	font-size: 14px;
}

.calendar th {
	font-size: 11px;
	width: 27px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

.calendar td {
	padding: 2px 1px;
	width: 27px;
	font-size: 11px;
}

.calendar td a {
	display: block;
	background: #e0e0e1;
	padding: 1px 0;
}

.calendar td span {
	display: block;
	padding: 1px 0;
}

.calendar td a:hover {
	background: #71c4fb;
	color: #fff;
}

.showsearch {
	margin-bottom: 8px;
}

.calendardots {
	width:170px;
	height:1px;
	border-top:solid 1px #c4c6ca;
	margin: 4px auto;
	_margin: 0 0 -10px 0;
}

/* left column */
.nav {
	width: 15%;              /* % of inner-container width is ~same width as right column */
	float: left;             /* left side of inner-container */
	margin: 0;               /* keep flush with adjacent containers */
	padding: 0;    /* space from window edge (IE messes up with margin, so use padding) */
	font-size: 90%;
	text-align: center;
}

/* center column */
.content {
	width: 70%;              /* % of inner-container width */
	float: right;            /* right side of inner-container */
	padding: 0;      /* some padding for readability */
	margin: 0;
	color: #000;
	text-align: center;
}

/* container for the 3 columns */
.outer-container {
	width: 100%;
	margin: 0;
	color: #000;
}

/* container for just the left and center columns */
.inner-container {
	width: 80%;
	float: left;
	color: #000;
	margin: 0;
}

/* right column */
.sidebar {
	width: 20%;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: rigth;
}
