@charset "utf-8";
/* 
	Styles Document 
	Created By : Dunn@Carnival
*/
/* 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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

/* Styled */
body { background: #C2C3BB; height: 100%; margin: 0; padding: 0;  }
p { font: .7em Arial, Helvetica, sans-serif; line-height: 1.4em; color: #333; margin: 10px 4px; line-height: 18px; }
p.boxed { border: 1px solid #eee; background: #fafafa; padding: 10px; margin: 0; margin-bottom: 5px; }

#bodywrap { width: 954px; margin: 0 auto;  padding: 0; min-height: 800px; height: auto; background: url(../../images/wrapbg.jpg) center repeat-y fixed; }	

/* Untuk Internet Explorer */
* html #bodywrap { height: 5em; }

/* Header */
#bodywrap #header { height: 110px; padding: 5px; margin: 0 10px; background: #D0CCC3 url(../../images/logos.jpg)  center center no-repeat; border-top: 8px solid #44403C; }
#bodywrap #header a { text-decoration: none; color: #666; }
#bodywrap #header a:hover { color: #605A54; text-decoration: underline; }	
#bodywrap #header #headmenu { float: left; font: .6em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; padding: 5px 0 0 20px; letter-spacing: 1px; }	
#bodywrap #header #date { float: right; font: .6em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #999; padding: 5px 20px 0 0; letter-spacing: 1px; }	

/* Main Menu */
#bodywrap #mainmenu { border-top: 1px solid #3A972F; border-bottom: 5px solid #3A972F; background: url(../../images/menu_bg.gif)  top left repeat-x; margin: 0 10px; font-family: Arial, Helvetica, sans-serif; }
/* `Menus
----------------------------------------------------------------------------------------------------*/


/* Basic code - don't modify */
 
 .mainmenu { display: block; margin: 0; padding: 0; position: relative; z-index: 10000; }
  .mainmenu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  .mainmenu a { display: block; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; }
  .mainmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .mainmenu ul { line-height: 0; } /* IE6 "fix" */
  	.mainmenu ul a { zoom: 1; } /* IE6/7 fix */
    .mainmenu ul li { float: none; }
    .mainmenu ul ul { top: 0; }
    
/* Essentials - configure this */

.mainmenu ul { width: 200px; }
.mainmenu ul ul { left: 201px; }

/* Everything else is theming */
 
.mainmenu { height: 32px; }
.mainmenu *:hover { background-color: none; }
.mainmenu a { border-right: 1px solid #3A972F; color: #3A972F; font-size: 10px; padding: 12px 31px; line-height: 1; }
  .mainmenu li.hover a { background-color: #3A972F; color: #fff; }
  .mainmenu ul { top: 33px; }
    .mainmenu ul li a { background-color: #3A972F; color: #fff; text-transform: uppercase; letter-spacing: 0; padding: 10px; }
      .mainmenu ul a.hover { background-color: #FABD21; color: #fff; }
   .mainmenu ul a { border-bottom: 1px solid #A5D038; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*  bodywraps */
#bodywrap #home_carousel { float: left; margin: 30px 15px; width: 430px; border: 1px solid #eee; height: 300px; }

#bodywrap #body_common{ margin: 0; padding: 0; clear: both;width: 954px; }

/* Common Page Headers */
#bodywrap #page_common { margin: 0; margin-bottom: 30px; padding: 0; float: left; width: 640px;  }

/* Common Pages */

/* Breadcrumbs */
#bodywrap #body_common  #breadcrumbs { margin: 0; margin: 20px 30px 0 30px; padding: 0; font: .7em Arial, Helvetica, sans-serif; color: #A4A4A4; text-transform: uppercase; }
#bodywrap #body_common  #breadcrumbs a:link, #bodywrap #body_common #breadcrumbs a:active, #bodywrap #body_common #breadcrumbs a:visited { color: #1F2C35; text-decoration: none; }
#bodywrap #body_common  #breadcrumbs a:hover { color: #516B84; }

/* Common Left */
#bodywrap #body_common #common_left { float: left; width: 200px; margin: 30px 0 0 30px; padding-right: 15px; border-right: 1px solid #fff; }


/* Common Center */
#bodywrap #body_common #common_center { float: left; margin: 30px 0; padding: 0 15px; margin-bottom: 0; width: 430px; border: 1px solid #eee; border-bottom: none; border-top: none;  }

/* Common Right */
#bodywrap #body_common #common_right { float: right; width: 200px; margin: 30px 30px 0 0; padding-left: 15px; border-left: 1px solid #fff; }

.clearing { display: block; clear: both; margin-bottom: 30px; }

/* Footer */
#footer { background: #6B6760 url(../../images/footer_bg.jpg) top center no-repeat; }
#footer #footer_inner { width: 894px; margin:0 auto; padding: 15px 30px 0 30px; color: #A5A5A5; font: .6em normal Arial, Helvetica, sans-serif; line-height: 14px; border-top: 1px solid #6B6760; height: 70px; }
#footer #footer_inner span { display: block; letter-spacing: 2px; }
#footer a:link, #footer a:active, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #D0CCC3; }

/* SLIDER */

.slider-wrap { float: left; height: 282px; border: 1px solid #ccc; margin-left: 30px; margin-top: 30px; width: 658px; padding: 2px; background: #000; }			
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; height: 285px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 430px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid #eee; padding: 2px; background: #FBFBFB; }
#movers-row { margin: 0; padding: 5px 5px 5px 6px; height: 272px; background: #000; width: 217px; float: right; }
#movers-row div { float: left; padding: 2px; clear: both; border: 1px solid #1A1A1A; width: 210px; color: #fff; margin-bottom: 3px; background: #0D0D0D; }
#movers-row div:hover { background: #1A1A1A; }
#movers-row div div { float: right; position: absolute; font: .6em Arial, Helvetica, sans-serif; border: none; width: 130px; margin-left: 72px; margin-top: -45px; background: none; }
#movers-row div a.cross-link { float: left; }
#movers-row a:link, #movers-row a:active, #movers-row a:visited { color: #fff; text-decoration: none; }
#movers-row a:hover { color: #ff0000; }

.photo-meta-data { background: url(../../images/transpBlack.png); padding: 10px; height: 35px; margin-top: -55px; position: relative; z-index: 9999; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.photo-meta-data a:link, .photo-meta-data a:active, .photo-meta-data a:visited { color: #fff; text-decoration: none; font-weight: bold; }
.photo-meta-data a:hover { color: #E72A29; }
.photo-meta-data span { font-size: 10px; display: block; color: #D9F4FD; }
.cross-link	{ display: block; width: 62px; position: relative; z-index: 9999; }
.active-thumb {}

/* Elements */

h1.title { margin: 0 0 15px 0; padding: 4px 0;font: 1.5em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #293744; }
h1.title span { font: .5em bold Arial, Helvetica, sans-serif; color: #1F2C35; display: block; margin-top: 10px; }
h2.title { margin: 4px 0; padding: 4px 8px;font: .7em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; background: #003A00; color: #FFF; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;  }
h2.archive { margin: 4px 0; padding: 4px 8px;font: .7em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; background: #FBFBFB; color: #A5A5A5; border-top: 2px solid #D9D9D9; border-bottom: 1px solid #ccc;  }
h2.pagers { margin: 4px 0; padding: 4px 8px;font: .7em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; background: #FBFBFB; color: #A5A5A5; border-top: 2px solid #D9D9D9; border-bottom: 1px solid #ccc; clear: both; }
h2.pagers span.pinfo { float: right; border: none; }
h2.pagers span { padding: 0 5px 0 4px; border-right: 1px dotted #D9D9D9; }
h2.pagers a:link, h2.pagers a:active, h2.pagers a:visited { color: #0089BF; text-decoration: none; padding: 0 6px 0 4px; border-right: 1px dotted #D9D9D9; }
h2.pagers a:hover { color: #1B0E1B; }
h2.sporttitle { margin: 4px 0; padding: 20px 10px 10px 10px;font: 1em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; border-bottom: 1px solid #D9D9D3; border-top: 1px solid #ccc; background: #F1F1EF; font-weight: bold;  }
h2.sporttitle span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; text-transform: uppercase; letter-spacing: 1px; display: block; }
h2.arctitle { margin: 4px 0; padding: 2px 0 10px 0;font: 1em Arial, Helvetica, sans-serif; letter-spacing: 1px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
h2.arctitle div { margin: 0 5px; }
h2.arctitle span { font: .55em Arial, Helvetica, sans-serif; color: #8B8B8B; display: block; padding-left: 2px; }
h2.arctitle span.share { font: .55em Arial, Helvetica, sans-serif; color: #8B8B8B; display: block; margin-bottom: 10px; border-top: 1px dotted #D9D9D3; border-bottom: 1px dotted #D9D9D3; padding: 6px 10px 6px 10px; background: #F3F3F3; }
.mail { background: url(../../images/icons/icon_email.gif) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 4px; margin-right: 4px; }
.print { background: url(../../images/icons/icon_print.gif) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 4px; margin-right: 4px; }
.rss { background: url(../../images/icons/icon_RSS.gif) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 4px; margin-right: 4px; }
.shared { background: url(../../images/icons/icon_share.gif) no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 4px; margin-right: 4px; }
h2.arctitle a:link, h2.arctitle a:active, h2.arctitle a:visited { color: #FF6B0D; text-decoration: none; }
h2.arctitle a:hover { color: #1B0E1B; }
h2.tabtitle { margin: 10px 0 1px 0; padding: 4px 5px;font: 1.2em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #1F2C35; border-bottom: 1px solid #eee; }
.tabpara { padding: 10px 8px 10px 8px; margin: 0; border-bottom: 2px solid #D9D9D9; background: #fafafa; }

h2.profiletitle { font: 1em Arial, Helvetica, sans-serif; color: #333; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee; text-align: left; }
.biowrap, .preswrap { border: 1px solid #eee; padding: 5px 20px 10px 20px; margin-top: 2px; }


h4.title { margin: 4px 0; padding: 4px 8px;font: .6em bold Arial, Helvetica, sans-serif; letter-spacing: 1px; background: #0C0F07; color: #eee; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;  }


/* Listings */

ul.lister { margin:0; padding:0; font: .8em Georgia, "Times New Roman", Times, serif;}
ul.lister li { margin:0; padding: 4px 4px 8px 4px; margin-bottom: 8px; border-bottom: 1px solid #eee; }
ul.lister li span { color: #333; display: block; font: .85em Arial, Helvetica, sans-serif; }
ul.lister li span.date { color: #999; font-size: .8em; margin-bottom: 4px; text-transform: uppercase; }
ul.lister li a:link, ul.lister li a:active, ul.lister li a:visited { color: #475E74; text-decoration: none; }
ul.lister li a:hover { color: #E77129; }
ul.lister li.gold { padding-left: 25px; background: url(../../images/icons/icon_trophy_gold.gif) 3px 5px no-repeat; }
ul.lister li.silver { padding-left: 25px; background: url(../../images/icons/icon_trophy_silver.gif) 3px 5px no-repeat; }
ul.lister li.bronze { padding-left: 25px; background: url(../../images/icons/icon_trophy_bronze.gif) 3px 5px no-repeat; }

ul.lister_tj { margin:0; padding:0; font: .7em Arial, Helvetica, sans-serif;}
ul.lister_tj li { margin:0; padding: 1px 1px 4px 1px; margin-bottom: 1px; border-bottom: 0px solid #eee; }
ul.lister_tj li span { color: #333; display: block; font: .85em Arial, Helvetica, sans-serif; }
ul.lister_tj li span.date { color: #999; font-size: .8em; margin-bottom: 4px; text-transform: uppercase; }
ul.lister_tj li a:link, ul.lister_tj li a:active, ul.lister_tj li a:visited { color: #475E74; text-decoration: none; }
ul.lister_tj li a:hover { color: #E77129; }
ul.lister_tj li.gold { padding-left: 25px; background: url(../../images/icons/icon_trophy_gold.gif) 3px 5px no-repeat; }
ul.lister_tj li.silver { padding-left: 25px; background: url(../../images/icons/icon_trophy_silver.gif) 3px 5px no-repeat; }
ul.lister_tj li.bronze { padding-left: 25px; background: url(../../images/icons/icon_trophy_bronze.gif) 3px 5px no-repeat; }

ul.lister_tj_judul { margin:0; padding:0; font: .8em Arial, Helvetica, sans-serif;}
ul.lister_tj_judul li { margin:0; padding: 1px 1px 4px 1px; margin-bottom: 1px; border-bottom: 0px solid #eee; }
ul.lister_tj_judul li span { color: #333; display: block; font: .85em Arial, Helvetica, sans-serif; }
ul.lister_tj_judul li span.date { color: #999; font-size: .8em; margin-bottom: 4px; text-transform: uppercase; }
ul.lister_tj_judul li a:link, ul.lister_tj_judul li a:active, ul.lister_tj_judul li a:visited { color: #475E74; text-decoration: none; }
ul.lister_tj_judul li a:hover { color: #E77129; }
ul.lister_tj_judul li.gold { padding-left: 25px; background: url(../../images/icons/icon_trophy_gold.gif) 3px 5px no-repeat; }
ul.lister_tj_judul li.silver { padding-left: 25px; background: url(../../images/icons/icon_trophy_silver.gif) 3px 5px no-repeat; }
ul.lister_tj_judul li.bronze { padding-left: 25px; background: url(../../images/icons/icon_trophy_bronze.gif) 3px 5px no-repeat; }


ul.hyperlinks { margin:0; padding:0; font: .7em Arial, Helvetica, sans-serif;}
ul.hyperlinks li { margin:0; padding: 2px; margin-bottom: 2px; text-align: left; }
ul.hyperlinks li a:link, ul.hyperlinks li a:active, ul.hyperlinks li a:visited { color: #475E74; text-decoration: none; }
ul.hyperlinks li a:hover { color: #E77129; }

ul.topstory { margin:0; padding:0; }
ul.topstory li { margin:20px 0;  padding:0; border-bottom: 1px solid #ccc; }
ul.topstory li div.topblock1 { font-family: Arial, Helvetica, sans-serif; color: #333; }
ul.topstory li div.topblock1 h1 { font: .9em Arial, Helvetica, sans-serif; color: #333; margin: 10px 0; }
ul.topstory li div.topblock1 h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; display: block; }
ul.topstory li div.topblock1 span { font: .7em Arial, Helvetica, sans-serif; color: #333; }
ul.topstory li div.topblock2 { font: .7em Arial, Helvetica, sans-serif; color: #989898; clear: both; padding: 10px; border-top: 1px solid #E1E1E1; background: #F7F7F7; }
ul.topstory li div.topblock2 span { display: block; }
ul.topstory li img { height: 120px; width: 180px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.topstory li a:link, ul.topstory li a:active, ul.topstory li a:visited { color: #0064A2; text-decoration: none; }
ul.topstory li a:hover { color: #3A5365; }

ul.bloglist { margin:0; padding:0; }
ul.bloglist li { margin:20px 0;  padding:0; border-bottom: 1px solid #ccc; }
ul.bloglist li div.topblock1 { font-family: Arial, Helvetica, sans-serif; color: #333; }
ul.bloglist li div.topblock1 h1 { font: .9em Arial, Helvetica, sans-serif; color: #333; margin: 10px 0; }
ul.bloglist li div.topblock1 h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; display: block; }
ul.bloglist li div.topblock1 span { font: .7em Arial, Helvetica, sans-serif; color: #333; display: block; margin-bottom: 5px; line-height: 18px;  }
ul.bloglist li div.topblock2 { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; clear: both; padding: 10px; border-top: 1px solid #E1E1E1; background: #F7F7F7;  margin-top: 10px; }
ul.bloglist li div.topblock2 span { display: block; }
ul.bloglist li div.topblock2 span.responses { float: right; font-style: italic; }
ul.bloglist li img { height: 120px; width: 180px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.bloglist li a:link, ul.bloglist li a:active, ul.bloglist li a:visited { color: #0064A2; text-decoration: none; }
ul.bloglist li a:hover { color: #3A5365; }

ul.spofeds { margin:0; padding:0; }
ul.spofeds li { margin:20px 0;  padding:0; border-bottom: 1px solid #ccc; height: 175px; }
ul.spofeds li h1 { font: 1em Arial, Helvetica, sans-serif; color: #333; margin: 10px 0; }
ul.spofeds li h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; text-transform: uppercase; letter-spacing: 1px; display: block; }
ul.spofeds li span { font: .7em Arial, Helvetica, sans-serif; color: #333; }
ul.spofeds li img { height: 100px; width: 100px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.spofeds li a:link, ul.spofeds li a:active, ul.spofeds li a:visited { color: #0064A2; text-decoration: none; }
ul.spofeds li a:hover { color: #3A5365; }

ul.personlist { margin:0; padding:0; }
ul.personlist li { margin:5px 0;  padding:10px; border: 1px solid #eee; height: 165px; background: #fafafa;  }
ul.personlist li:hover { background: #fff;  }
ul.personlist li p { margin 0;  padding: 0; }
ul.personlist li h1 { font: 1em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee; }
ul.personlist li h2 { font: .7em Arial, Helvetica, sans-serif; color: #333; margin: 5px 0; font-weight: bold; letter-spacing: 1px; }
ul.personlist li h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; text-transform: capitalize; letter-spacing: 1px; display: block; }
ul.personlist li span { font: .7em Arial, Helvetica, sans-serif; color: #333; line-height: 16px; }
ul.personlist li img { height: 100px; width: 100px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.personlist li a:link, ul.personlist li a:active, ul.personlist li a:visited { color: #0064A2; text-decoration: none; }
ul.personlist li a:hover { color: #3A5365; }

ul.gallist { margin:0; padding:0; }
ul.gallist li { margin:10px 0 10px 0;  padding:0; border-bottom: 1px solid #ccc; }
ul.gallist li div.topblock1 { font-family: Arial, Helvetica, sans-serif; color: #333; }
ul.gallist li div.topblock1 h1 { font: .9em Arial, Helvetica, sans-serif; color: #333; margin: 10px 0; }
ul.gallist li div.topblock1 h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; display: block; }
ul.gallist li div.topblock1 span { font: .7em Arial, Helvetica, sans-serif; color: #333; display: block; }
ul.gallist li div.clear { display: block; clear: both; }
ul.gallist li img { height: 75px; width: 75px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.gallist li a:link, ul.gallist li a:active, ul.gallist li a:visited { color: #0064A2; text-decoration: none; }
ul.gallist li a:hover { color: #3A5365; }

ul.profile { margin:0; padding:0; }
ul.profile li { margin:5px 0;  padding:10px; border: 1px solid #eee; background: #fafafa;  }
ul.profile li:hover { background: #fff;  }
ul.profile li p { margin 0;  padding: 0; }
ul.profile li h1 { font: 1em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee; }
ul.profile li h2 { font: .7em Arial, Helvetica, sans-serif; color: #333; margin: 5px 0; font-weight: bold; letter-spacing: 1px; }
ul.profile li h1 span { font: .7em Arial, Helvetica, sans-serif; color: #8B8B8B; text-transform: capitalize; letter-spacing: 1px; display: block; }
ul.profile li span { font: .7em Arial, Helvetica, sans-serif; color: #333; line-height: 16px; }
ul.profile li img { height: 100px; width: 100px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; }
ul.profile li a:link, ul.profile li a:active, ul.profile li a:visited { color: #0064A2; text-decoration: none; }
ul.profile li a:hover { color: #3A5365; }

ul.athlist { margin:0; padding:0; clear: both; }
ul.athlist li { margin:0 0 2px 0;  padding: 2px; border: 1px solid #eee; background: #fff; display: inline-block; font: .6em Arial, Helvetica, sans-serif; width: 21px; text-align: center; }
ul.athlist li:hover { background: #fafafa; border: 1px solid #eee;  }
ul.athlist li a { text-decoration: none; color: #666; }
ul.athlist li a:hover { color: #3366FF; }
ul.athlist li.all { width: 52px; }

ul.tabbed { height: 20px; }
ul.tabbed li  { list-style:none; float:left; width: 107px; }
ul.tabbed  { margin-left: 2px; }
ul.tabbed  a { display:block; padding:6px 10px; text-decoration:none!important; margin:1px; margin-left:0; font:10px Verdana; color:#FFF; background:#6B6760; }
ul.tabbed  a:hover { color:#FFF; background:#535353; }
ul.tabbed a.selected { margin-bottom:0; color:#000; background:#D9D8D4; border-bottom:1px solid snow; cursor:default; }

/* Document Filing  */
div#filelist { margin: 0; margin-bottom: 2px; }
div#filelist.even { background: #fafafa; }
div#filelist h2.doctitle { font: 1em Arial, Helvetica, sans-serif; color: #333; margin: 10px; padding: 0 0 5px 0; border-bottom: 1px solid #eee; text-align: left;  }
div#filelist { border-collapse: collapse; border: 1px solid #eee; }
div#filelist ul { margin: 5px; }
div#filelist ul li {border-bottom: 1px solid #eee; margin-bottom: 1px; padding: 5px; padding-left: 25px; font: .7em Arial, Helvetica, sans-serif; }
div#filelist ul li.zip { background: url(../../images/icons/icon_file_zip.gif) 4px 4px no-repeat; }
div#filelist ul li.doc { background: url(../../images/icons/icon_file_doc.gif) 4px 4px no-repeat; }
div#filelist ul li.pdf { background: url(../../images/icons/icon_file_pdf.gif) 4px 4px no-repeat; }
div#filelist ul li a { color: #FF6600; text-decoration: none; }
div#filelist ul li a:hover { color: #ccc; }
div#filelist ul li a:active { color: #0066CC; }

/* Sport Info */
img.sportlogo { height: 100px; width: 100px; padding:2px; background: #eee; border: 4px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; }
p.sportaddress { float: left; }
hr.separation { clear: both; border: 1px solid #eee; }
div#tabcontent { padding: 5px 0; }

p.profileinfo { float: left; width: 250px; }
p.profileinfo span.title { display: block; padding: 5px 0; border-bottom: 1px solid #D9D9D9; text-transform: uppercase; font: .78em Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #999; }
p.profileinfo span.data { display: block; padding: 7px 0; font: 1.1em Arial, Helvetica, sans-serif; }

div.story { border: 1px solid #eee; margin: 10px 4px; }
div.story div { position: absolute; float: left; background: url(../../images/transpBlack.png); color: #D9F4FD; padding: 8px 5px; margin: 2px; width: 406px; font: .6em Arial, Helvetica, sans-serif; margin-top: 173px; }
div.story img { width: 416px; height: 200px; margin:2px; }


/* These hieghts and widths should be edited to your images */	
ul#pikame{ padding-left:0; width:450px; margin:0 auto;}
.pika_main{ width:428px; padding-right:20px; margin:0 auto;}
#pikame li{	margin:6px 8px 0 2px; float: left; border:1px solid #ccc; }

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:1px solid #eee; padding: 5px 6px;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:5px;right:25px;z-index:1; background: #fff; padding: 5px 10px; font: .6em Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #eee; border-left: 1px solid #eee; text-align: center;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%; text-align:center;border:1px solid #eee; border-top: none; font: .7em Arial, Helvetica, sans-serif; padding: 8px 0; }
.pika_navigation a{font-size: 12px;color: #ccc;text-decoration: none; cursor: pointer; font: .6em Arial, Helvetica, sans-serif; text-transform: uppercase;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

.itmcomment{
	border-bottom: 1px dashed #669198;
	margin-left:5px;
	float:left;
	padding-bottom:10px;
	width:640px;
	margin-top:10px;
}

.itmcomment img{
	float:left;
	margin:0 10px 0 0;
}
.itmcomment .comment-container{
	width:580px;
	float:left;
}

.itmcomment .comment-name{
	color:#900;
	font-weight:bold;
}

.itmcomment .comment-date{
	color:#888;
	font-size : 10px;
}