/* css 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, ol, li {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
	ul, ul li { margin: 0; padding: 0; list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
body {line-height: 1.4; font-size: 99%; font-family: arial, sans-serif; text-align: center;margin-bottom:0;padding-bottom:0;background:#fff;color:#000;}
input, textarea { font-family: arial, Georgia, "New York CE", utopia, sans-serif; font-size: 100% }
.check { width: auto !important; border: 0 !important; }
.radio { width: auto !important; border: 0 !important; }


a{color:#e73f97;}
a:hover{color:#e73f97;text-decoration:none}
a.plus {background: url(../img/plus.gif) no-repeat left;padding: 0 0 3px 17px}
.date {background-color:#e73f97;color:#fff;display:block;padding:2px}
p {margin-bottom:20px;text-align:justify}

/* layout */
#center  { width: 1000px; margin: 0 auto; text-align: left; position:relative; }
#center2 { width: 1000px; margin: 0 auto; text-align: left; position:relative;}
/* header */
#header { width: 1000px; float: left;margin-top:28px}
#lang {width:400px;font-size:103%;margin-top:18px;margin-left:20px;height: 38px;font-weight:100;font-size:90%;float:left; display: inline;}
#print{font-weight:100;font-size:90%;float:right; display: inline; margin: 18px 30px 0 0;}
#support{font-weight:100;font-size:90%;float:right; display: inline;margin: 18px 120px 0 0;}
#print a { display: block; padding: 3px 0 3px 25px; background: url(../img/print.jpg) no-repeat left; color:#6e467b;text-decoration:underline;font-size:90% }
#support a { display: block; padding: 3px 0 3px 28px; background: url(../img/support.gif) no-repeat left; color:#6e467b;text-decoration:underline;font-size:90% }

#logo { font-family: sans-serif; font-size: 200%; text-decoration: none; color: #000; float: left; }
#logo, #logo span { display: block; width: 223px; height: 56px; position: relative; overflow: hidden; left: 0; top: 0; cursor: pointer; }
#logo span { position: absolute; background: url(../img/datakal.jpg); }
#lang a {color:#6e467b;font-weight:100}



/*#hptitle { font-family: arial,sans-serif; font-size: 110%; text-decoration: none; color: #fff; float: left; }
#hptitle, #hptitle span { display: block; width: 550px; height: 257px; position: relative; overflow: hidden; left: 0; top: 0px; cursor: pointer;z-index:888 }
#hptitle span { position: absolute; background: url(../img/bgtop.jpg); }*/
#hptitle  {z-index:999;padding:0px 30px 0 30px;float:left;position:relative;top:-80px;font-size:16px;font-weight:100;overflow:hidden;}


#menu { padding-top:7px; padding-bottom:3px;width: 1000px; float: left; margin: 0; position: relative; top:17px;left:0px; z-index: 10; }
#menu ul, #menu li { padding: 0; margin: 0; }
#menu li { padding: 0px 3px 2px 0px;float:left;list-style-type: none}
#menu a { font-size: 120%; text-decoration: none; color: #000; display: block; padding: 0px 17px 0px 17px; }
#menu a.sel { background-color:black;color:#fff}
#menu a:hover { background-color:black;color:#fff}
#menu li ul { position: absolute; top: -1000px; padding: 13px;}
#menu li ul a { padding: 0 }


#bgmain {background:url(../img/bg.gif);width:100%;height:297px; margin: 0 auto 0 auto;  }
#bgmain .text { width: 1000px; margin: 0 auto; text-align: left;position:relative;color:#fff;font-size:90% }
#bgmain .text a {text-decoration:none}
#bgmain .text a:hover {text-decoration:underline;color:#fff}
#bgmain .text #titlenext{float:left;color:#fff;font-size:120%;font-weight:100;position:absolute;overflow:hidden;left:15px;top:168px;height:80px;width:400px;;padding:5px 20px 0 20px;min-width:100px;z-index:10}
#bgmain img {float:left;position:relative;top:15px;left:0}
#bgmain #news a.main {color:#fff}
#bgmain #news a.main:hover{text-decoration:underline}
#bgmain #news {width:400px; padding:60px 0 0 30px;position:relative;overflow: hidden;text-align:left}
#bgmain #news h3 {font-size:120%;color:#fff;font-weight:100}
#bgmain #news .date {text-align:center;font-size:110%;color:#fff;width:80px;height:19px;padding: 0px 3px 2px 3px;display:block;font-weight:bold;margin-bottom:7px}
#bgmain #news .newstext { font-size:11px;width:380px;color:#fff;padding-right:10px}



#bgnext {background:url(../img/bgall.gif);width:100%;height:183px; margin: 0 auto 5px auto;  }
#bgnext .text { width: 1000px; margin: 0 auto; text-align: left;position:relative;color:#fff;font-size:90% }
/*#bgnext img {float:left;position:relative;top:16px;left:0;height:153px}*/
#bgnext img {position:absolute;top:16px;left:0;height:153px}

/*#bgnext .text #titlenext{float:left;color:#fff;background:#e73f97;font-size:210%;position:relative;overflow:hidden;left:-550px;top:120px;height:45px;padding:4px 20px 0 20px;min-width:100px;z-index:999;}*/
#bgnext .text #titlenext{line-height:45px;color:#fff;background:#e73f97;font-size:210%;position:absolute;overflow:hidden;left:0px;top:120px;height:49px;padding:0px 20px 0 20px;min-width:100px;z-index:10;}


.datakal {width:220px;height:50px;background-color:#e73f97;text-align:center;position:absolute;top:-25px;}
.datakal img {margin:2px 0 0 0}
.starbase {width:110px;height:50px;background-color:#000;text-align:center;position:absolute;top:-25px;left:220px}
.starbase img {margin:15px 0 0 0}
.ticketing {width:220px;height:50px;background-color:#000;text-align:left;position:absolute;top:-25px;left:330px;border-left:1px solid #4b4b4b}
.ticketing img {margin:15px 0 0 0}


#path {width:550px;height:20px;color:#000;position:relative;top:-15px;float:left;font-size:80%;padding-left:20px}
#content {width:550px;float:left;position:relative;font-size:80%;padding-right:20px;margin-top:40px}
#maincontent{width:525px;float:right;position:relative;padding:0 20px 20px 0px;font-size:80%;margin-right:120px; display: inline;}
#maincontent h1, #content h1 {color:#000;font-size:175%;font-weight:100;}
#maincontent h2, #content h2 {color:#e73f97;font-size:175%;font-weight:100;test-decoration:none}
#maincontent ul li{ padding:0 0 0 10px; background: url(../img/li.gif) no-repeat left;}

#maincontent .table { width:100%; }
#maincontent .table tr th{ background:#6e467b; border:1px solid #6e467b; color:#fff; padding:4px; }
#maincontent .table tr td{ border:1px solid #bfbdb1; color:#686659; padding:2px 4px; }


#rightnews {margin:5px 0 20px 0}
#rightnews .newsright{font-size:70%;margin-bottom:10px;color:#666666;width:300px}
#rightnews .newsright .date{width:58px;padding:0 1px 0 4px;float:left;margin-right:5px}
#rightnews .newsright a.title{font-weight:bold;color:#000;text-decoration:none}
#rightnews .newsright a.title:hover{font-weight:bold;color:#000;text-decoration:underline}

.newsrightmain{font-size:100%;margin-bottom:40px;color:#666666;width:520px}
.newsrightmain .date{width:68px;padding:0 1px 0 4px;float:left;margin-right:5px}
.newsrightmain a.title{font-weight:bold;color:#000;text-decoration:none}
.newsrightmain a.title:hover{font-weight:bold;color:#000;text-decoration:underline}

.right {font-size:80%;padding-left:200px}


#right{width:310px;float:left;padding:0;margin:0 0 0 10px; display: inline; overflow: hidden;}
#right #submenu {color:black;margin:0px 0 40px 0px;}
#right #submenu ul {margin:0;padding:0;}
#right #submenu li { padding: 2px 0px 2px 0px;margin:0;float:left;list-style-type: none;font-size:111%;font-weight:lighter}
#right #submenu a {color:black; text-decoration:none;display:block;width:270px;padding-left:30px}
#right #submenu a:hover {background-color:#000;color:#fff}
#right #submenu a.sel {color:#fff; text-decoration:none;background-color:#e73f97;padding-left:30px}
#right #submenu a.sel:hover{background-color:#000;}


.clear{clear:left}

h1 {color:#000;font-size:135%;font-weight:100}
h2 {color:#e73f97;font-size:109%;test-decoration:none}
h3 {color:#000;font-size:111%;font-weight:100}
h4 {color:#000;font-size:80%;font-weight:100;margin:5px 0 1px 0}


/* footer */
#footer {width: 1000px; overflow: hidden; margin-bottom:0;padding-bottom:0;font-size:70%;color:#666666}
#footer a {color:#666666;text-decoration:underline}
#footer .bmedia a:hover {color:#666666;text-decoration:underline}
#footer #sign {width:580px;float:left;margin:60px 0 0 0;padding:10px 0 0 20px;border-top: 7px solid #e8e8e8; }
#footer #starbaseimg {float:left;z-index:999;width:350px;}


#footer .bmedia a { 
 text-decoration: none;
 background: url(../img/vcela.gif) no-repeat right; 
 padding: 20px 35px 25px 0;  
 font-size:100%
}
li {list-style-type:square;margin-left:20px;}
.article{margin-bottom:15px;text-align:justify}


div#nyroModalFull {font-size: 12px;color: #777;}
div#nyroModalLoading {border: 4px solid #777;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/ajaxLoader.gif) no-repeat;background-position: center;}
div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalWrapper {background: #fff;border: 4px solid #777;}
a#closeBut {position: absolute;display: block;top: -13px;right: -13px;width: 12px;height: 12px;text-indent: -9999em;background: url(../img/close.gif) no-repeat;outline: 0;}
h1#nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -22px;left: 5px;font-size: 12px;color: #ddd;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(../img/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(../img/next.gif) right 20% no-repeat;}


img.referencedetailimg{float:left;margin:4px 25px 15px 0px; ;text-align:justify}

.referencedetailref{background-color:#e2e2e2;padding:20px;margin:20px 0 10px 0;text-align:justify;color:#222222;float:left;}
.referencedetailref img{border:5px solid white;float:left;margin-right:25px}
.referencedetailref h3 {color:#8f7298;font-size:15px;size:14px;margin:0px;margin-top:3px;font-weight:bold}
.referencedetailref h4 {color:#8f7298;font-size:12px;size:11px;margin:0px;font-weight:normal;margin-bottom:2px}


.referencedetailweb{padding:10px;background-color:#6e467b;color:white;margin:20px 0 10px 0; float:left;width:505px;}
.referencedetailweb a {color:white}

ul.reference{ clear:both;float:none;display:block; }
ul.reference li { overflow:hidden; }
ul.reference img { border:1px solid #e8e8e8;padding:5px; float:left; margin-right:5px; }


.page { width:100%; overflow: hidden; }
.page ul { padding: 15px 0 0 0; list-style:none;  border-top: 1px solid #e73f97; list-style:none;}
.page ul li { float: left; margin: 0 3px 0 0; background-image:none !important; }
.page a { background: #e73f97; color: #fff; float: left; padding: 2px 7px; text-decoration: none; font-weight: bold; }
.page strong a { background: #666666 }
.page a:hover { background: #e8e8e8; color:#000; }