/*reset
--------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
em, i {font-style: italic;}
strong {font-weight: bold;}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* ------------------------------------------------------------------------ */

/* grid & structure
--------------------------------------------------------------------------- */
#wrapper { width:945px; margin:0 auto;}
#header {}
#content { padding:20px 0;}
/* ------------------------------------------------------------------------ */


/* typo
--------------------------------------------------------------------------- */
body{font-size: 62.5%; color:#666; font-family:Arial, Helvetica, sans-serif; }

a { text-decoration:none; color:#000; }
a:hover {text-decoration:underline; }

#column3 a { color:#0295c9; }

h1, h2, h3, h4 {font-weight:normal; }

p {margin:20px 0; }

.textNormal { font-size:1.2em; line-height:18px; }
.textNormalGrey { color:#8f8f8f; font-size:1.2em; line-height:18px; }

.textSmall { font-size:10px; }
.textSmallGrey { font-size:1em; color:#8f8f8f; }

.textLarge { font-size:2em;}
.textLargeGrey { font-size:2em; color:#8f8f8f;}

.pipeSpacer {padding:0 3px; }


/* ------------------------------------------------------------------------ */


/* common
--------------------------------------------------------------------------- */
body { background:#565fa1 url(../images/body_bg.gif) repeat-x 0 0;}
html, body{height:100%; }
html{height:100.5%!important;} /*displays the vertical scroll in firefox */
.clear{clear:both;}
.pipeSpacer {color:#d3d3d3; padding:0 3px;}
.goRight { float:right;}
.goLeft { float:left;}
.hiddenContent {display:none;}
.visibleContent {display:block;}



/* clearfix --------*/
.clearfix:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
* html .clearfix {height: 1%;} /* Hides from IE-mac */
.clearfix {zoom: 1;}  /*end tweak for ie7 */
/* clearfix --------*/

/* banners */

/* end banners */

/* breadcrumbs */
.breadcrumbs {border-bottom:1px solid #f6f6f6; padding:9px 20px 7px 20px; margin:0 14px 0 0; font-size:1.1em; background-color:#fff;}
.breadcrumbs a {color:#4b565d;}
/* end breadcrumbs */

/* paginator */
.paginator { font-size:1.1em; margin:0 0 20px 0;}
.paginator a {padding:4px 7px; border:1px solid #e8e8e8; text-decoration:none!important; color:#4B565D; }
.paginator a:hover { background-color:#3381B2; color:#fff; border-color:#3381B2;}
.paginator span {padding:0 10px;}
/* end paginator */

/* system messages */

#wrapper .error {font-size:1.2em; font-weight:bold; color:#ff0000; background-color:#f3f3f3; padding:12px 10px 9px 55px; background-position:-154px -773px; margin:0 0 15px 0;}
#wrapper .succes {font-size:1.2em; font-weight:bold; color:#34c43b; background-color:#f3f3f3; padding:12px 10px 9px 55px; background-position:-154px -810px; margin:0 0 15px 0;}

/* end system messages */




/*common margins*/

/*end common margins*/

/*common paddings*/
.pad10 {padding:10px;}
.pad100 {padding:10px 0;}
.pad10Top {padding:10px 0 0 0;}
.pad510 {padding:5px 10px;}
.pad1020 {padding:10px 20px;}
/*end common paddings*/



/* ------------------------------------------------------------------------ */




/* header
--------------------------------------------------------------------------- */
.topHeader { height:70px; overflow:hidden; position:relative;}

#logo { margin:18px 120px 0 0; float:left;}

.newsletter { font-size:1em; font-weight:bold; color:#000; float:left; padding:40px 5px 40px 0; overflow:hidden; height:25px; background:url(../images/pattern_type_1.gif) repeat-y right 0; }
.newsletter label { text-transform:uppercase; float:left; width:90px; margin:5px 0 0 0; }
.newsletter .customInput { text-transform:uppercase; background-color:#e4e4e4; padding:4px 10px 2px 10px; margin:2px 0 0 0; width:150px; float:left; border:0; font-size:10px;}
.newsletter .customButton { border:0; padding:0; margin:0 0 0 5px; width:47px; height:24px; float:left; background:url(../images/join_btn.gif) no-repeat 0 0; }

.search { font-size:1em; font-weight:bold; color:#000; float:left; padding:40px 0 30px 5px; overflow:hidden; height:25px;}
.search label { text-transform:uppercase; float:left; width:90px; margin:5px 0 0 0; }
.search .customInput { text-transform:uppercase; background-color:#e4e4e4; padding:4px 10px 2px 10px; margin:2px 0 0 0; width:130px; float:left; border:0; font-size:10px;}
.search .customButton { border:0; padding:0; margin:0 0 0 5px; width:50px; height:24px; float:left; background:url(../images/search_btn.gif) no-repeat 0 0; }

#nav { height:46px;clear:both; background:url(../images/bg_nav.gif) no-repeat 0 0; padding:0 10px; margin:10px 0 0 0;}
#nav li { float:left;  padding:14px 10px; font-size:1.1em; font-weight:bold;}
#nav li a { color:#747474;}
#nav .selected { background:url(../images/selected_nav.gif) no-repeat center 0;}
#nav .selected a { color:#000; }


/* ------------------------------------------------------------------------ */

/* footer
--------------------------------------------------------------------------- */
#footer { background-color:#fff; }
#footer a { text-decoration:underline;}
#footerContent { width:945px; margin:0 auto;}
#footerContent table {width:100%; text-align:right; line-height:18px; font-size:1.2em;}
#footerContent table tr td { text-align:right; background:url(../images/pattern_type_2.gif) repeat-y right 0; padding:20px 10px 20px 0;}
/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */



/* index
--------------------------------------------------------------------------- */


/* featured shows  -------------*/
#featuredShows { background:#fff url(../images/featured_shows_bg.gif) repeat-x 0 bottom; margin:0 0 30px 0; }
.featuredShowsLeftPart { float:left; width:500px; font-size:1.2em; line-height:18px; background:url(../images/welcome_to_networks_headline.gif) no-repeat 0 0; }
.featuredShowsLeftPart .blurb { margin:60px 20px 30px 20px ; padding:30px 110px 0 10px; background:url(../images/acolada.gif) no-repeat right 0; min-height:220px; height:auto !important; /*IE6 min-height CSS hack, together with the next line*/height:220px;}
.featuredShowsRightPart { float:left; width:410px; overflow:hidden; margin:30px 10px;}
/* end featured shows  --------*/


/* tickets --------------------*/
.tickets {width:306px; float:left; margin:0 14px 0 0; overflow:hidden;}
.tickets .ticketsHead { font-size:2em; font-weight:bold; color:#31bef3; border-bottom:10px solid #31bff3; padding:0 0 5px 0; margin:0 0 10px 0; }
.tickets a { color:#31bff3; text-decoration:underline;}
.tickets a:hover { text-decoration:none;}
.tickets .ticketsContent { background-color:#fff; padding:15px 10px; height:1%; overflow:hidden; font-size:1.2em; line-height:18px; min-height:90px; height:auto !important; /*IE6 min-height CSS hack, together with the next line*/height:90px;}/*background:#fff url(../images/arrow_tickets.gif) right bottom no-repeat;*/
.thumb { float:left; margin:0 10px 0; width:90px;}
/* end tickets ----------------*/

/* merchandise  ---------------*/
.merchandise {width:306px; float:left; margin:0 13px 0 0; overflow:hidden;}
.merchandise .merchandiseHead { font-size:2em; font-weight:bold; color:#7dcf61; border-bottom:10px solid #7dcf61; padding:0 0 5px 0; margin:0 0 10px 0; }
.merchandise a { color:#7dcf61; text-decoration:underline;}
.merchandise a:hover { text-decoration:none;}
/*.merchandise .merchandiseContent { padding:15px 10px; height:1%; overflow:hidden; font-size:1.2em; line-height:18px;  min-height:90px; height:auto !important; /*IE6 min-height CSS hack, together with the next line*//*height:90px; background:#fff url(../images/arrow_merchandise.gif) right bottom no-repeat;}*/
.merchandise .merchandiseContent { height:1%; overflow:hidden; font-size:1.2em; height:90px; background:#fff ; border-top: 15px solid white; border-bottom: 15px solid white; border-left: 10px solid white; border-right: 15px solid white; }/*url(../images/arrow_merchandise.gif) right bottom no-repeat*/
.thumb { float:left; margin:0 10px 0; width:90px;}
/* end merchandise  -----------*/

/* merchandise  ---------------*/
.featuredNews {width:306px; float:left; overflow:hidden;}
.featuredNews .featuredNewsHead { font-size:2em; font-weight:bold; color:#7aa3ce; border-bottom:10px solid #7aa3ce; padding:0 0 5px 0; margin:0 0 10px 0; }
.featuredNews a { color:#7aa3ce; text-decoration:underline;}
.featuredNews a:hover { text-decoration:none;}
.featuredNews .featuredNewsContent { padding:15px 10px; height:1%; overflow:hidden; font-size:1.2em; line-height:18px;  min-height:90px; height:auto !important; /*IE6 min-height CSS hack, together with the next line*/height:90px;  background:#fff ;}/*url(../images/arrow_featured_news.gif) right bottom no-repeat*/
.thumb { float:left; margin:0 10px 0 0; width:90px;}
/* end merchandise  -----------*/


/* ------------------------------------------------------------------------ */



.pageTitle { font-size:3em; font-weight:bold;  color:#000; padding:10px 20px; background-color:#fff; margin:0 14px 14px 0;}

.item { background-color:#fff; padding:20px; margin:0 14px 14px 0; width:418px; float:left; font-size:1.2em; line-height:18px; }
.item .itemTitle { font-size:2em; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0;}
.item .more { text-align:right;}
.item .more a { text-decoration:underline;}


.simpleBox { padding:20px; font-size:1.2em; line-height:20px; background-color:#fff; margin:0 14px 0 0; height:1%; overflow:hidden;}

.listType1 {}
.listType1 li { border-bottom:1px solid #d1d1d1; height:1%; overflow:hidden; padding:10px 0;}
.listType1 li a {}

.leftMenu { float:left; margin:0 20px 0 0; background-color:#f5f5f5; font-size:1.2em; width:146px;}
.leftMenu li { border-bottom:1px solid #fff; padding:8px 10px;}
.leftMenu li a { text-decoration:underline;}



.listType2 { font-size:1.2em; float:left; width:680px;}
.listType2 li { border-bottom:1px solid #d1d1d1; height:1%; overflow:hidden; padding:20px 0;}
.listType2 li a {}
.listType2 li .no { text-decoration:underline; font-size:1.6em;}
.listType2 li .up { text-decoration:underline;}
.listType2 li .blurb { margin:5px 0 0 0;}


.customForm { width:600px;}
.customForm .formLine { border-bottom:1px solid #e8e8e8; padding:14px 0;}
.customForm .formLine label { float:left; width:150px; font-size:1.2em; font-weight:bold;}
.customForm .customInput, .customForm .customSelect { width:200px;}
.customForm textarea { width:300px; height:200px;}


.tableTemplate1 { font-size:1.2em; width:500px;}
.tableTemplate1 td { padding:10px 20px;}
.tableTemplate1 .odd td { background-color:#f5f5f5;}

.okMessage { background-color:#f5f5f5; border:1px solid #3bea2e; font-size:1.1em; color:#000; font-weight:normal; margin:-30px 0 10px 0; padding:2px 10px; }
.errorMessage { background-color:#f5f5f5; border:1px solid #ff0000; font-size:1.1em; color:#000; font-weight:normal; margin:-30px 0 10px 0; padding:2px 10px; }


.succesMsg { border:1px solid #E6D8C1; color:#eee; background:#363737 url(../images/succes_ico.gif) no-repeat 14px center; padding:16px 20px 16px 65px; font-size:1.6em;margin:0 0 28px 0;}
.succesMsg span { color:#08b224;}
.errorMsg {border:1px solid #E6D8C1; color:#eee; background:#363737 url(../images/error_ico.gif) no-repeat 14px center; padding:16px 20px 16px 65px; font-size:1.6em;  margin:0 0 28px 0;}
.errorMsg span { color:#e33737;}

.showAsset { float:right; margin:0 0 20px 20px; clear:right;}
.promo { background:#fff; margin:0 14px 14px 0; padding:10px; }
.promoContent { width:728px; margin:0 auto;}

.playlist {}
.playlist li { border:1px solid #ddd; margin:5px 0 0 0; }
.playlist li a { display:block; padding:5px 10px; }
.playlist li a:hover { background-color:#f5f5f5;}
.playlist li a.selected { background-color:#eee;}