/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 27, 2010 */
@font-face { font-family: 'Disintegration'; src: url('disinteg-webfont.eot'); src: local('Disintegration'), local('Disintegration'), url('disinteg-webfont.ttf') format('truetype'); }


/* CSS layout */
body { margin: 0; padding: 0; color: #019C14 }
img { border: 0; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; text-align: center; font-family: Arial Black; font-weight: normal; }
h1 { font-size: 40pt; color: black; font-family: Disintegration, Arial Black; }
h2 { font-size: 18pt; }
h3 { font-size: 16pt; font-weight: normal; }
h4 { font-size: 12pt; font-weight: bold; }
ol, ul { padding: 0; margin: 0; }
p { font-family: Verdana, Tahoma, Arial; }

#wrap-side-bkgd { margin: 0 auto; background: url('images/page_bkgd.png') repeat-y center top }
#wrap-top-bkgd { margin: 0 auto; background: url('images/page_bkgd2.png') no-repeat center top }
#wrap-content { width: 968px; margin: 0 auto }
#Loginarea { height: 25px; }
#HeadContainer { height: 123px }
#masthead { width: 303px; height: 123px; float: left; }
#masterheadright { margin-left: 303px; height: 105px; padding-top: 18px; background-image: url('images/logoright.jpg'); }
#NavContainer { height: 32px; }
#top_nav { width: 271px; float: left; }
#top_navright { margin-left: 271px; height: 32px; }
.menu-date { float: right; }
#Container_btm_nav { height: 30px; background-image: url('images/ECODemo.png'); }
#btm_nav_left { width: 2px; float: left; }
#btm_nav_right { margin-left: 4px; height: 30px; float: left; }


#VideoLayer {height:300px ;}
#VideoHolder1 {height: 300px ; margin-left: 583px ; margin-right: 10px ; width:374px;}
#midbanner { height: 62px; background-image: url('images/topbanner.png'); border-bottom: 3px solid white }
#midbanner > a:link { display: block; height: 62px; }
#midbanner > a > span { display: none; }

#mastercontainer { width: 968px; }

#container { min-width: 600px; }

#right_col { width: 300px; text-align: center; float: right; height: 1025px; background-image: url('images/backright.png'); }
#right_col_header { background-image: url('images/ECORightCol.png'); height: 30px; }
.right_col_belt { width: 274px; height: 60px; }
#right_col_row1 { }
#right_col_row2 { }
#right_col_row3 { }
#page_content { margin-right: 300px; height: 1025px; background-image: url('images/website_homepage.png'); background-repeat: no-repeat; }
.countdown_digit { width: 30px; }
.countdown_colon { width: 14px; }
.countdown_digit, countdown_colon { height: 50px; }
#Counter_Wrap { position: relative; } /* for relatively absolute positioning of #Counter */
#Counter_Header { position: absolute; top: 45px; text-align: center; width: 322px; color: #FBDE42; font-family: Verdana, Tahoma, Arial; font-size: 9pt; font-weight: bold; text-shadow: black 1px 1px 6px }
#Counter { position: absolute; left: 16px; top: 10px; padding: 65px 22px; background-image: url('images/Count/countdown.png'); }
#Video { position: absolute; left: 200px; top: 500px; padding: 65px 22px; Width: 480px; Height: 385px;}
#abovefooter { }
#footer { background-image: url('images/banners_bkgd.jpg'); width: 100%; height: 172px; padding-top: 24px; text-align: center; }
#footer img { margin: 0 1px; }
#subfooter_container { height: 55px; width: 968px; background-image: url('images/btm1.jpg'); font-family: Arial; font-size: x-small; color: #FFFFFF; text-align: center; }
#subfooter_container table { height: 54px; vertical-align: middle; }
.style300 { text-decoration: none; color: White; }
#SubSpacer { height: 25px }

.upevts-div { text-align: left }
.upevts-banner { font-size: 12pt; font-family: Arial Black }
.upevts { list-style: none; padding: 0; margin-top: 2px; font-family: Arial Black; font-size: 10pt; font-weight: bold }
.upevt-evt { display: block; float: left; width: 90px; color: White; white-space: nowrap }
.upevt-date { color: #0F0; text-decoration: none }

/* tickets page --------------------- */
    
.tick-left { padding-bottom: 30px; vertical-align: top; text-align: left; height: 350px }
.tick-banner { margin: 10px 0 10px 0; text-align: left }
.tick-left > p { margin: 0 0 10px; padding: 0 100px 0 20px; width: 610px;
    font-family: "Britannic Bold", "Arial Black", Arial; font-size: 18pt; text-align: justify }
.tick-right { padding-bottom: 30px; vertical-align: bottom; text-align: center;
    font-family: "Britannic Bold", "Arial Black", Arial }
.tick-right-wrap { position: relative }
.tick-img-status { position: absolute; bottom: 0; left: 0 }
.tick-price-now { background-color: #861818; padding: 2px 8px 0 }
    
#player { text-align: center; padding: 20px }
    
a.link { color: green }
.link a { color: green }
    
.promo { width: 100px; font-family: "Arial Black", Tahoma, Arial }
.select { font-family: "Arial Black", Tahoma, Arial; background-color: black; color: white }
.promo-select, .select.promo { width: auto; font-family: "Arial Black", Tahoma, Arial; background-color: black; color: White }
.select.dvd { width: 147px }

/* Fight card page ----------------------------- */
#fc { width: 100%; margin: 20px auto 100px; border: 2px solid gray; border-width: 2px 0; table-layout: fixed; 
    font-family: Verdana }
.fc-info { vertical-align: top; padding-top: 40px; font-size: larger }
.fc-info.l { text-align: left; padding-left: 30px; }
.fc-info.r { text-align: right; padding-right: 30px; }
.fc-vs { text-align: center; font-variant: small-caps; font-size: 16pt }
.fc-img img { width: 100px; max-height: 100px; margin: 0; }
.fc-img.r { text-align: right }
.fc-name { color: black; text-decoration: none }
.fc-weight { display: block; font-size: 8pt; color: gray }
.fc-win { display: block; color: green; font-variant: small-caps }
.fc-winby { display: block; font-size: 10pt; padding-bottom: 8px }
.fc-winstat { display: block; color: maroon; font-size: 10pt; font-weight: bold; font-variant: small-caps }


/* Fighter / Team Member details page -------------- */
#fighter { table-layout: fixed; width: 100% }
#fighter td { vertical-align: top; text-align: center; padding-top: 30px }
#fighter-l > span { display: block; margin: 25px 0; font-family: Monaco, Consolas, Courier New, Courier }    
#fighter-r { font-family: "Arial Black", Arial }

/* calendar page -------------------------- */
.cal { width: 942px; margin: 0 0 100px 20px; font: bold 12pt Arial Black; 
    border: 2px solid white; table-layout: fixed }
.cal-title { font-size: 20pt }
.cal-nextprev { font-size: 14pt; text-align: center }
.cal-day-head { color: white; background-color: black; font-variant: small-caps; border: 2px solid black }
.cal-day, .cal-day-other, .cal-day-today { 
    height: 100px; vertical-align: top; text-align: right; border: 2px solid black }
.cal-day { color: black }
.cal-day-other { color: #555; font-weight: normal }    
.cal-day-today { color: maroon }
.cal-event { display: block; color: green; font-size: 10pt; text-align: center; }
#wrap-cal-page .upevt-evt { color: black }
#wrap-cal-page .upevt-date { color: green }
#wrap-cal-page .upevts-foot a { color: green; }

/* Affiliate page ------------------- */
.affil { float: left; width: 49%; height: 235px; padding: 20px 0 }
.affil a { color: green }
.affil, .affil p { text-align: center; font-family: Tahoma }

/* photo gallery pages ------------------------ */
.iconify { padding: 0 0 0 18px; background-position: left center; background-repeat: no-repeat }
.iconify.pics { background-image: url('images/pictures.png') }    
#albums { margin: 40px auto 0; width: 930px; padding-bottom: 100px }
.album { width: 200px; height: 184px; padding: 6px 6px 20px; float: left; margin: 0 20px 26px 0;
    background-color: #111; font-family: Verdana; text-align: center }
.album:hover { background-color: #232 }
.album > a { color: White; text-decoration: none } 
.album > a:hover { color: Silver }
.album small { font-family: Arial; white-space: nowrap }
.photo-imgwrap { width: 200px; height: 160px; text-align: center; position: relative }
.photo-imgwrap img { max-width: 100%; max-height: 150px; }

/* miscellaneous ---------------  */
.width-full { width: 100%; }
.links { font-family: Tahoma; font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase; color: #43464D; text-decoration: none; }
.copy { font-family: Tahoma; font-size: 9px; line-height: 12px; /*color: #030303;*/ color: White; text-decoration: none; }

.text_1 { font-family: Tahoma; font-size: 9px; line-height: 12px; color: #D4D5D5; }
.text_2 { font-family: Tahoma; font-size: 9px; line-height: 12px; color: #CDA019; }

.link_1 { font-family: Tahoma; font-size: 9px; line-height: 10px; font-weight: bold; color: #FCFBFA; text-decoration: none; }

.tit { font-family: Tahoma; font-size: 10px; line-height: 11px; font-weight: bold; color: #EEF0F0; }
.tit_2 { font-family: Tahoma; font-size: 10px; line-height: 11px; text-transform: uppercase; color: #7A7978; font-weight: bold; }

.form_1 { font-family: Tahoma; font-size: 10px; line-height: 12px; background-color: #D3D4D3; height: 16px; width: 195px; border: 1px solid #B6B8B9; }
.form_2 { font-family: Tahoma; font-size: 10px; line-height: 12px; background-color: #D3D4D3; height: 33px; width: 195px; border: 1px solid #B6B8B9; overflow: auto; }

reset { margin: 0; padding: 0; list-style: none; }
.affil-logo { width: 200px; max-height: 200px; }
.team-pic { width: 200px; max-height: 300px }

.errors { padding: 0 20px }

/* 
 * The following CSS is a combination of two form layout concepts
 * CMX table-less form layout -- http://www.alistapart.com/articles/prettyaccessibleforms/
 * Appnitro CSS from http://phpform.org
 */
.cmxform { background-color: #EEE; width: 80%;  margin: 0 auto; padding: 14px 10px; font-family: Verdana }
.cmxform fieldset { margin-bottom: 10px; border: 0 }
.cmxform legend { display: none }
.cmxform small { margin-left: 4px; line-height: 1.1; font-style: italic }
.cmxform fieldset ol { margin: 0; padding: 0 !important; }
.cmxform fieldset li { list-style: none !important; padding: 5px !important; margin: 0; clear: both }
.cmxform em { font-weight: bold; font-style: normal; color: red }
.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; }
.cmxform label { width: 200px; /* Width of labels */ }
.cmxform input[type='checkbox'] { margin-top: 8px; vertical-align: middle }

.cmxform table label, .cmxform label.nocmx { 
    display: inline; padding: 0; width: auto; line-height: normal; vertical-align: middle }
.cmxform fieldset li.split-container { overflow: hidden }
.cmxform fieldset li div.left, .cmxform fieldset li div.right { display: inline; width: 32% }
.cmxform fieldset li div.left { float: left; clear: left }
.cmxform fieldset li div.right { float: right; padding: 0 0 4px 0 }
.cmxform fieldset li div.left input, .cmxform fieldset li div.right input { width: 100%; }
.cmxform fieldset li div.left select, .cmxform fieldset li div.right select { width: 110%; }

/* Should set on a per-application or per-page basis! */
.cmxform input, .cmxform textarea, .cmxform select { background-color: silver }
.cmxform input[type='text'], .cmxform input[type='password'], .cmxform select { width: 275px }
.cmxform textarea { width: 275px }
.cmxform select { width: 278px }

.cmxform .textarea label { width: auto; display: block; }
.cmxform .textarea textarea { width: 482px }
.cmxform .checks div { width: 482px }
.cmxform .checks label { display: inline; width: auto }
.cmxform .checks input { float: right }
.cmxform .radios span label { display: inherit; width: auto; padding-right: 10px !important }
.cmxform .radios input { margin-top: 8px }
.cmxform fieldset .text { font-size: 9pt; padding-left: 215px !important; padding-top: 20px !important }
.cmxform fieldset .text .ol { padding: 0 0 0 35px !important }
.cmxform fieldset .text .ol li { list-style: decimal !important }

.cmxform .buttons { padding: 20px 0 0 210px !important }
.cmxform .buttons input[type='submit'] { 
    color: White; background-color: Green; padding: 6px 20px; border: outset 2px black; font-size: large }


/* vertical form variant, add "vertical" to the cmxform classed entity */
.cmxform.vertical label { display: block; line-height: normal; vertical-align: bottom; width: auto;
    font-size: 8pt; font-family: Lucida Grand, Verdana }
.cmxform.vertical fieldset fieldset label { margin-left: 3px; /* Width plus 3 (html space) */ }
.cmxform.vertical label.label-block { position: static }
.cmxform.vertical li div { padding: 0 0 4px 0 }
.cmxform.vertical fieldset li div.left, .cmxform.vertical fieldset li div.right { display: inline; width: 46% }
.cmxform.vertical fieldset li div.left input, .cmxform.vertical fieldset li div.right input { width: 94%; }
.cmxform.vertical fieldset li div.left select, .cmxform.vertical fieldset li div.right select { 
    width: 102%; max-width: 272px }

.cmxform.vertical input[type='text'], .cmxform.vertical input[type='password'], .cmxform.vertical select {
    width: 97% }
.cmxform.vertical textarea { width: 97% !important }
.cmxform.vertical select { width: 104% }