/* --------------------------------  
	RESET   
-------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* --------------------------------  
	BASIC HTML   
-------------------------------- */

body { line-height: 1.5; font-size: 12px; background: #000 url(../ui/bg-grad.jpg) top left repeat-x; margin: 0; color: #222; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }
html { height: 100%; margin-bottom: 1px; }


/* --------------------------------  
	TYPOGRAPHY   
-------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 1.25em; line-height: 1.25em; text-transform: uppercase; margin-bottom: 10px; padding-left: 10px; color: #dce282; }
h2.boxCatHead { font-size: 1.25em; line-height: 1.25em; text-transform: uppercase; margin-bottom: 10px; color: #dce282; }
h2 { font-size: 1em; text-transform: uppercase; color: #fff; margin: 0 0 5px 10px; padding: 0; }
h2.gn { font-size: 1.5em; }
h3 { font-size: 1.25em; font-weight: bold; color: #009acf; background: #fff; padding: 0 0 0 5px; }
h4 { font-size: 1.2em; color: #555; line-height: 1.25; margin-bottom: 0.25em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */
p { margin: 0 10px 10px; }
p.last { margin-bottom: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top { margin-top: 0; }

/* Use this if the image is at the top of the <p>. */
img { margin: 0; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
abbr, 
acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #666; }
a:focus, 
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; background: #ffc; }
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* -------------------------------------------------------------- 
   spacing
-------------------------------------------------------------- */
#space-1, .space-1 { height: 10px; display: block; }
#space-2, .space-2 { height: 25px; display: block; }
#space-3, .space-3 { height: 35px; display: block; }




/* -------------------------------------------------------------- 
   Sidebox Contents & Icons
-------------------------------------------------------------- */

#showbox ul.downloads a.icn { color:#fff !important; }
#showbox ul.downloads a.icn:hover { color:#dce282 !important; }

ul.kontakt, ul.downloads { list-style-type: none; padding: 0; margin:10px 0 12px 0; }
ul.kontakt li, ul.downloads li { clear:both; display:inline; }

ul.downloads li a i { font-size:.9em; margin-left:2px; }


li a.icn, ul.kontakt li span.icn { float:none !important; }

a.icn, span.icn { display:block; float:left; padding-left:20px; color:#333; background-repeat:no-repeat; background-position:top left; }
a.icn.typewhite, span.icn.typewhite { color:#fff !important; }
a.icn:hover { text-decoration:none; color:#019bd0; }

a.icn.info, span.icn.info { background-image:url(../ui/icon/information.png); }
a.icn.building, span.icn.building { background-image:url(../ui/icon/building.png); }
a.icn.skype, span.icn.skype { background-image:url(../ui/icon/skype.png); }
a.icn.map, span.icn.map { background-image:url(../ui/icon/map.png); }
a.icn.email, span.icn.email { background-image:url(../ui/icon/email.png); }
a.icn.fax, span.icn.fax { background-image:url(../ui/icon/fax.png); }
a.icn.phone, span.icn.phone { background-image:url(../ui/icon/phone.png); }
a.icn.pdf, span.icn.pdf { background-image:url(../ui/icon/pdf_box.png); }
a.icn.download, span.icn.download { background-image:url(../ui/icon/download.png); }
a.icn.price, span.icn.price { background-image:url(../ui/icon/price_box.png); }
a.icn#back { position:absolute; top:10px; right:10px; background-image:url(../ui/icon/arrow_back.png); text-decoration:none; color:#257010; font-weight:bold; background-color:#fff; padding:2px 2px 2px 24px !important; border:1px solid #257010; background-position:2px 4px !important; }
a.icn#back:hover { text-decoration: underline; }

/* Tables
-------------------------------------------------------------- */
#tabs-3 table { margin:0 0 10px 10px; }
.noboarder { border:none; }

tr:hover { background: #fff; cursor: pointer; }
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border-bottom: 1px solid #019bd0; text-align:center; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }
table .small { font-size:.75em; }
table .left { text-align:left; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

/* Some default classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #d5eefa; }
.hide { display: none; }
.highlight { background: #ff0; }
.added { color: #060; }
.removed { color: #900; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/* --------------------------------  
	GENEREAL STRUCTURE   
-------------------------------- */

#fullWrap { width: 100%; height: 800px; overflow-y: visible; margin: 0 auto; background: url(../ui/bg.jpg) top center no-repeat; }
.left_content { margin-left: 10px; }
.right_content { margin-right: 10px; }
a.linkbox { display: block; float: left; width: auto; height: 20px; background: url(../ui/icon/bullet.png) #dce282 1px no-repeat; padding: 0 10px 0 25px; margin: 0 0 0 10px; color: #449933; text-decoration: none; line-height: 1.75em; }
a.linkbox:hover { color: #257010; text-decoration: none; }
.mainlinklist { margin: 10px 0 0 0; list-style-type: none; }
.mainlinklist a { font-size: 1.25em; text-decoration: none; color: #d5eefa; font-weight: bold; }
.mainlinklist a:hover { color: #257010; }
.footer { background: #bbe0ee; padding: 5px 10px; width: 770px; color: #009acf; font-size: 10px; text-transform: uppercase; border-top: 5px solid #009acf; }
.footer a { color: #009acf; }
.footer a:hover { color: #257010; }
.text { padding:10px; }


/* --------------------------------  
	GRID SYSTEM   
-------------------------------- */

/* A container should group all your columns. */
.container { width: 790px; margin: 0 auto; }

/* GRID
-------------------------------------------------------------- */

.column { float: left; margin-right: 10px; }

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 70px; }
.span-2 { width: 150px; }
.span-3 { width: 230px; }
.span-4 { width: 310px; }
.span-5 { width: 390px; }
.span-6 { width: 470px; }
.span-7 { width: 550px; }
.span-8 { width: 630px; }
.span-9 { width: 710px; }
.span-10 { width: 790px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1 { padding-right: 80px; }
.append-2 { padding-right: 160px; }
.append-3 { padding-right: 240px; }
.append-4 { padding-right: 320px; }
.append-5 { padding-right: 400px; }
.append-6 { padding-right: 480px; }
.append-7 { padding-right: 560px; }
.append-8 { padding-right: 640px; }
.append-9 { padding-right: 720px; }

/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 80px; }
.prepend-2 { padding-left: 160px; }
.prepend-3 { padding-left: 240px; }
.prepend-4 { padding-left: 320px; }
.prepend-5 { padding-left: 400px; }
.prepend-6 { padding-left: 480px; }
.prepend-7 { padding-left: 560px; }
.prepend-8 { padding-left: 640px; }
.prepend-9 { padding-left: 720px; }

/* Border on right hand side of a column. */
.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }

/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column.  */
.box { padding: 1.5em; margin-bottom: 1.5em; background: #eee; }
/* Use this to create a horizontal ruler across a column. */
hr { clear: both; float: none; height: .1em; border: none; }
hr.space { background: #fff; color: #fff; }
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }


/* --------------------------------  
	NAVIGATION   
-------------------------------- */

#home { margin-left: 40px; clear: both; }
.mainmenu {  }
#mainmenu { margin: 0; height: 56px; }
#mainmenu li { float: left; list-style-type: none; margin: 0; padding: 0; }
#mainmenu li a { width: 158px; height: 56px; display: block; float: left; }
#mainmenu li.m01 a, #mainmenu li.m01 { background: url(../ui/nav/fuer_werbekunden.png) no-repeat 0 100%; }
#mainmenu li.m02 a, #mainmenu li.m02 { background: url(../ui/nav/portfolio.png) no-repeat 0 100%; }
#mainmenu li.m03 a, #mainmenu li.m03 { background: url(../ui/nav/referenzen.png) no-repeat 0 100%; }
#mainmenu li.m04 a, #mainmenu li.m04 { background: url(../ui/nav/fuer_seitenbetreiber.png) no-repeat 0 100%; }
#mainmenu li.m05 a, #mainmenu li.m05 { background: url(../ui/nav/ueber_uns.png) no-repeat 0 100%; }
#mainmenu li a:hover { background-position: 0 0%; }
#mainmenu li.active a, #mainmenu li.active { background-position: 0 50%; }
#mainmenu li a i { display: none; }


/* -------------------------------------------------------------- 
   color
-------------------------------------------------------------- */

.blue { background: #019bd0; }
.green { background: #99b94a; }
.lightblue { background: #d5eefa; }
.lightgrey { background: #d9f1fa; }
.white { background: #fff; }
.typeblue { color: #019bd0; }
.typewhite { color:#fff !important; }


/* -------------------------------------------------------------- 
   type
-------------------------------------------------------------- */

a.link { color: #019bd0; }
a.link:hover { color: #fff; background: #019bd0; text-decoration: none; }
a.textLinkLast { color: #019bd0; margin-left:15px; }


/* -------------------------------------------------------------- 
   imagehandler
-------------------------------------------------------------- */

.imgbox, .imgboxLarge, .imgboxSmall { margin: 0 10px 10px 0; padding: 0; float:left; position:relative; }
.imgboxLarge a, .imgboxSmall a { overflow:hidden; text-align:center; }
.imgboxLarge a, .imgboxLarge_last a { display: block; height: 96px; width: 175px; border: solid 5px #d5eefa; background-color: #fff; }
.imgboxSmall a, .imgboxSmall_last a { display: block; height: 96px; width: 110px; border: solid 5px #d5eefa; background-color: #fff; }
.imgboxRef { margin: 10px 10px 0 0; padding: 5px; float: left; background-color:#fff; width:110px; }
.imgboxRef_last { margin: 10px 0 0 0; padding: 5px 5px 0 5px; float: left; background: #d5eefa; }
.imgbox a:hover, .imgbox_last a:hover { display: block; height: 96px; width: 136px; border: solid 5px #99b94a; }
.imgboxLarge a:hover, .imgboxLarge_last a:hover { display: block; height: 96px; width: 175px; border: solid 5px #99b94a; }
.imgboxSmall a:hover, .imgboxSmall_last a:hover { display: block; height: 96px; width: 110px; border: solid 5px #99b94a; }

.imgbox_last { background: #d5eefa; margin: 10px 0 0 0; padding: 0; float: left; }
.imgbox img, .imgboxLarge img, .imgboxSmall img, .imgbox_last img { margin: 0 auto; padding: 0; text-align:center; }
.imgboxSmall img { width:110px; height:85px; }
.imgbox_site { background: #d5eefa; margin: 0 10px 0 0; padding: 5px; float: left; }
.portfolioTeaser { padding: 10px; margin: 10px; width: 550px; background: transparent url(../ui/transp75p.png) top left repeat; }
.detailnav { padding: 10px 0 0 10px; width: 770px; }
.img_ad { margin: 5px; }
a.details { text-decoration: none; color: #449933; font-weight: bold; margin: 0; }
a.details:hover { color: #257010; }
.imgboxEmployee { margin: 10px 0 10px 10px; padding: 5px; float: left; }
.imgboxEmployee p { color: #019bd0; margin: 5px 0 0 0; }


/* -------------------------------------------------------------- 
   navigation
-------------------------------------------------------------- */

#showbox p.vorspann, #showbox div.vorspann { font-size: 1.2em; }
.sidebox { margin: 0 0 10px 0; }
.sidebox a { color: #333; }
.sidebox a:hover { color: #019bd0; }
.sidebox img { margin: 0 5px 0 0; }
#headline { float:right; }
#headline #headlineHead { width:160px; height:22px; background:url(../ui/headline_head_bg.gif) top left repeat; margin:0; padding:0; border-left:solid 1px #128322; border-right:solid 1px #128322; border-bottom:solid 1px #128322; }
#headline #headlineHead h1 { background:url(../ui/headline_head.gif) top left repeat; height:22px; width:110px; padding:0; margin:0; }
#headline #headlineHead h1 i { display:none; }
	#headline ul { width:150px; list-style:none; background:#2f9ed7; padding:5px 5px 0 5px; border-bottom:solid 1px #026b9f; border-left:solid 1px #026b9f; border-right:solid 1px #026b9f; }
		#headline ul li { height:18px; display:block; }
		#headline ul li.last { margin-right:0 !important; }
			#headline ul li a { color:#fff; text-decoration:none; height:25px; text-align:left; padding-left:25px; background-position: top left; background-repeat:no-repeat; }
			#headline ul li a:hover { color:#333; }
			#headline ul li a.de { background-image:url(../ui/flag-de.png); }
			#headline ul li a.en { background-image:url(../ui/flag-en.png); }
			#headline ul li a.fr { background-image:url(../ui/flag-fr.png); }
			
#headline h1 { margin-top:30px; color: #fff; }


/* -------------------------------------------------------------- 
   showbox
-------------------------------------------------------------- */

#splashimgWrap { padding: 0 10px 10px 10px; width: 770px; height:200px; background: url(../ui/loading.gif) 50% 50% no-repeat; }
#topbox img { padding: 0; margin: 10px 0 20px 0; }
.noimg { margin: 5px 0; }
#showbox .kontakt a { color: #fff; text-decoration:underline; }
#showbox .kontakt a:hover { color: #fff; text-decoration: none; }
#showbox hr { background-color: #fff; color: #fff; height: 2px; margin: 0 10px; }
#teaserbox_main { padding: 10px; }
#teaserbox_werben { padding: 0 10px; width: 210px; }
#teaserbox_partner { padding: 5px; width: 290px; margin-left: 10px; margin-bottom: 10px; }
.tease { background: #d5eefa; }
.tease img { margin: 5px; padding: 0; }
.tease a { margin: 0; padding: 0; width: 130px; height: 100px; }
#overview { background: #d5eefa; }
div.contentlist ul li { background-image: url(../ui/icon/bullet.png); background-repeat: no-repeat; background-position: 0px 1px; margin: 0 0 0 10px; padding: 0 0 0 20px; }
div.targetlist ul li { background-image: url(../ui/icon/bullet.png); background-repeat: no-repeat; background-position: 0px 1px; margin: 15px 0 0 10px; padding: 0 0 0 20px; }

ul.list_right { list-style: none; padding: 0 0 20px 0; margin: 1em 0 0; }
ul.list_right li.rss { background-image: url(../ui/icon/rss.png); background-repeat: no-repeat; background-position: 0px 1px; margin: 0.25em 0; padding: 0 0 0 1.6em; }
ul.list_right li a { color: #449933; text-decoration: none; }
ul.list_right li a:hover { color: #257010; }
.imgnav.span-10 { padding:0 0 10px 10px; width: 780px; margin: 0; }
	.imgnav.span-9 { padding:0 0 10px 10px; width: 700px; margin: 0; }
.border-top { border-top: 1px dotted #d5eefa; padding: 0; margin-top: 20px; }
.logo { margin: 0 0 10px 15px; }
.graph { margin: 0 0 10px 0; }
#tabs-1, #tabs-2 { padding-top: 10px; }

/* -------------------------------------------------------------- 
   portfolio-unterseiten
-------------------------------------------------------------- */

.clientinfo { margin: 0; }
.clientinfo h2 { margin: 10px 0 0 0; padding: 0; font-size: 1.25em; }
a.weburl { font-size: 1.25em; text-transform: uppercase; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
a.weburl:hover { color: #99b94a; }
ul.boxlist, .contentlist ul, .targetlist ul { list-style: none; margin: 0 0 15px 0; }
ul.boxlist.facts { font-size: 1.35em; margin-top: 15px; }
ul.boxlist li { font-weight: bold; background-image: url(../ui/icon/bullet.png); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 1px 0 !important; padding: 0 0 0 20px; }
ul.boxlist li span.desc { text-transform: uppercase; font-size: .6em; font-weight: normal; }
ul.boxlist li.small { font-weight:normal; line-height:1.4em; }
ul.boxlist li a { text-decoration: none; color: #fff; font-weight: normal; }
ul.boxlist a:hover { text-decoration: underline; color: #fff; }
ul.boxlist li.price { background-image: url(../ui/icon/price_box.png); background-repeat: no-repeat; background-position: 0px 1px; margin: 0; padding: 0 0 0 20px; }
ul.boxlist li.pdf { background-image: url(../ui/icon/pdf_box.png); background-repeat: no-repeat; background-position: 0px 1px; margin: 0; padding: 0 0 0 20px; }
.imgboxWerbemittel { padding: 5px; float: left; margin: 0 10px 0 0; }
a.dlOption { display: block; height: 15px; width: 280px; padding: 5px; background-color: #d5eefa; border: 3px solid #019bd0; text-decoration: none; font: bold 0.9em Arial, Sans-Serif; }
a.dlOption:hover { border: 3px solid #99b94a; }

.GChartWrap { margin-left:10px; }
.hasGChart { width: 300px; background-color: #bbe0ee; padding: 5px; margin-bottom: 10px; }
#ageChart { height: 195px; }
#genderChart { height: 90px; }
#educationChart { height: 205px; }

span.netDesc { margin:0 0 10px 10px; color:#019BD0; font-size:1.5em; display:block; }

/* Werbemittelseite */

h3.fullHead {  }

.adbox { margin-bottom:10px; background:#fff; }
	.adbox p { margin:0; font-weight:bold; color:#333; margin-bottom:10px; }
		.adbox p strong { color:#019bd0; }
		.adbox em { background:none; font-style:italic; font-weight:normal; }
		


/* -------------------------------------------------------------- 
   background
-------------------------------------------------------------- */

#showbox { position:relative; background-color: #00a9d7; color: #FFFFFF; background-position: right top; background-repeat: no-repeat; }
#showbox.spieletipps { background-image: url(../ui/showbox/bg/spieletipps.png); }
#showbox.game-tv { background-image: url(../ui/showbox/bg/game-tv.png); }
#showbox.gbase { background-image: url(../ui/showbox/bg/gbase.png); }
#showbox.gamersunity { background-image: url(../ui/showbox/bg/gamersunity.png); }
#showbox.zockerhausen { background-image: url(../ui/showbox/bg/zockerhausen.png); }
#showbox.gee { background-image: url(../ui/showbox/bg/gee.png); }
#showbox.mmocluster { background-image: url(../ui/showbox/bg/mmocluster.png); }
#showbox.allvatar { background-image: url(../ui/showbox/bg/allvatar.png); }
#showbox.wiiinsider { background-image: url(../ui/showbox/bg/wiiinsider.png); }
#showbox.cafe { background-image: url(../ui/showbox/bg/cafe.png); }
#showbox.leaguez { background-image: url(../ui/showbox/bg/leaguez.png); }
#showbox.gamestar-esports { background-image: url(../ui/showbox/bg/gamestar-esports.png); }
#showbox.ign { background-image: url(../ui/showbox/bg/ign.png); }
#showbox.areagames { background-image: url(../ui/showbox/bg/areagames.png); }
#showbox.i-know-your-game { background-image: url(../ui/showbox/bg/i-know-your-game.png); }
#showbox.press-a-button { background-image: url(../ui/showbox/bg/press-a-button.png); }



/* -------------------------------------------------------------- 
   beiträge
-------------------------------------------------------------- */

.beitrag { margin: 10px 0; }
.fuss { color: #fff; padding: 0; margin: 0 10px; }


/* -------------------------------------------------------------- 
   kontakt
-------------------------------------------------------------- */

fieldset { border:none; margin: 0; padding: 0; }
fieldset legend {display:none; visibility:hidden;}
fieldset label { display:block; font-weight:bold; margin-top:10px; }
input.text,textarea, select { width: 275px; font: 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; padding: 3px; margin: 1px 0; border: 1px solid #ccc; }
input.submit { padding: 2px 5px; font: 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #009acf; }
fieldset span { display: none; }
.zemSubmit { display:block; border:none; background-color:transparent; background-image:url(../ui/btns_blue.png); background-repeat:no-repeat; height:21px; color:#fff; width:100px; background-position:-69px top; margin-top:10px;   }
.zemSubmit:hover, .zemSubmit.hovered { background-position:-69px bottom !important; }

ul.zemError { color:#d60808; margin-bottom:10px; padding:2px; list-style:none; }
label.zemRequirederrorElement { color:#d60808 !important; font-weight:bold; }
.zemThanks p { color:#009ee1; font-weight:bold; }


/* -------------------------------------------------------------- 
   qtip
-------------------------------------------------------------- */

div#qTip { padding: 5px; display: none; background: #d5eefa; border: solid 1px #009acf; color: #333; font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left; position: absolute; z-index: 1000; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }
#TB_window a:link { color: #019bd0; }
#TB_window a:visited { color: #019bd0; }
#TB_window a:hover { color: #99b94a; }
#TB_window a:active { color: #019bd0; }
#TB_window a:focus { color: #019bd0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(../ui/icon/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /*
ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #019bd0; text-align: left; top: 50%; left: 50%; }
* html #TB_window { /*
ie6 hack */
position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow { height: 25px; padding: 15px; float: right; }
#TB_closeWindowButton { background: url(../ui/icon/close.png) top left no-repeat; display: block; width: 24px; height: 24px; ) }
#TB_closeAjaxWindow { padding: 3px; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #d5eefa; height: 30px; }
#TB_ajaxContent { clear: both; padding: 15px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; 
/* 

-height/2 0 0 -width/2 */ }
* html #TB_load { /*
ie6 hack */
position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { /*
ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* set a box to position against */
.with_caption { position: relative; border: 2px solid white; }
.with_caption .thumb { border: 0; }
.with_caption .caption { position: absolute; bottom: 0; width: 100%; visibility: hidden; overflow: hidden; background-color: #29a2b8; color: #fff; line-height: 2em; }
.with_caption .caption .caption_main { float: left; font-size: 1.7em; line-height: 20px; margin: 13px; }
.with_caption .caption .caption_sub { float: right; line-height: 20px; margin: 5px 13px; }
.caption_sub { font-size: 1.2em; }
li .caption_sub { font-size: 1em; }
/* A chunky caption is one that has 'main' content text and not just subcontent */
.with_caption .chunky .caption_sub { margin: 13px; }
/* A captionable object has a cover which overlaps the captionable object and
/* deals with all the mouseovers. */
.with_caption .caption_cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
/* Makes sure the cover o

verlaps the border of the captionned object */
    margin: -2px auto auto -2px; padding: 1px; }
.with_caption .caption_cover a { display: block; position: absolute; 
/* Need

ed for Safari */
    width: 100%; height: 100%; background: transparent url(/images/iefix.gif); 
/* Needed for IE

and Opera */ }
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

/* TABS */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none; }
}
/* Skin */
.ui-tabs-nav { list-style: none; margin: 0; padding: 0; }
.ui-tabs-nav:after { /*
clearing without presentational markup, IE gets extra treatment */
    display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0 10px 0 0; min-width: 84px; 
/* be nice t

o Opera */ }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; background: #dce282; }
.ui-tabs-nav a { position: relative; z-index: 2; padding-left: 0; color: #257010; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; 
/* required in IE 6 */ }
.ui-tabs-nav .

ui-tabs-selected a { color: #257010; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background: #d9f1fa; outline: 0; 
/* p

revent dotted border in Firefox */ }
.ui-tabs-nav a span { width: 64px; 
/* I

E 6 treats width as min-width */
    min-width: 64px; height: 18px; 
/* IE 6 

treats height as min-height */
    min-height: 18px; padding-top: 6px; padding-right: 0; }
*>.ui-tabs-nav a span { /*
hide from IE 6 */
    width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background: #d9f1fa; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /*
@ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /*
@ Opera, we need to be explicit again here now... */
    cursor: pointer; }
.ui-tabs-nav .ui-tabs-disabled { opacity: .4; }
.ui-tabs-panel { background: #d9f1fa; 
/* declare background color for container to avoid distorted fonts in IE while fading */ }