/*@charset "utf-8";*/
/* studentenrolle.de (v1), Start: 28.01.2009 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { font-family: Arial, Helvetica, sans-serif; color: #e5f7ff; background: #009ee0; }

input { font-family: Arial, Helvetica, sans-serif; }

p strong, li strong { color: #fff; }

/* html table { width: 94%; } /* IE6 */

/* POSITION
----------------------------------------------------------------------------------------------------  */
#header, /*#body, */#footer, #content, .wrap { position: relative; }
#logo, .globalnav, .mainnav, .login, #credits { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#wrapper { text-align: left; margin: auto; }

.wrap { margin: auto; }
.template { width: 960px; }

#header { }
#header .wrap { height: 10em; }

#logo { height: 3em; top: 6em; left: 0; z-index: 10; }
#logo h1 { text-indent: -999em; }
#logo h1 em { display: none; }

.globalnav, .mainnav { z-index: 1000; }
.globalnav li/*, .mainnav li*/ { display: inline; }
.globalnav ul, .mainnav ul { font-size: 1.2em; }
.globalnav a, .mainnav a { color: #cff; }
.mainnav a:hover, .mainnav li.active a { color: #fff; }

.globalnav { top: 1em; left: 8px; }
.globalnav, .globalnav a { color: #e5f7ff; }
.globalnav ul { }
.globalnav li { padding-left: .325em; margin-left: .175em; }
.globalnav a:hover { text-decoration: underline; }

.mainnav { border-top: .2em solid; width: 100%; /*top: 10em;*/ top: 0; left: 0; z-index: 1000; }
.mainnav ul { font-size: 1.4em; }
.mainnav ul ul { font-size: .769em; background-color: #009ee0; }
.mainnav li { border-right: .2em solid; position: relative; float: left; }
.mainnav li ul { }
.mainnav li li { border: none; display: block; width: 100%; }
.mainnav li a { font-weight: bold; padding: 0 15px; }
.mainnav li.active a { color: #fff; }
.mainnav li li a { display: block; }
.mainnav li li a:hover { background-color: #006b99; }
.mainnav li.active li a { color: #cff; }
.mainnav li.active li.active a { }
.mainnav a { height: 2em; line-height: 2em; white-space: nowrap; }
.mainnav a:hover, .mainnav .active a:hover { color: #fff; }

.mainnav ul ul { position: absolute; top: 6px; left: 0; z-index: 1000; }
.mainnav ul ul ul { position: absolute; left: 100%; }
div.mainnav ul li:hover ul { }

/* versteckt die Unterebenen */
.mainnav ul ul,
.mainnav ul li:hover ul ul,
.mainnav ul ul li:hover ul ul,
.mainnav ul ul ul li:hover ul ul
{ display: none; }

/* Fixes IE's "whitespace in lists" */
* html .mainnav ul li { float: left; /* width: 100%; */ }
* html .mainnav ul li a { height: 1%; float: left; } /* IE6 */

/* zeigt die Unterebenen wieder an */
.mainnav ul li:hover ul,
.mainnav ul ul li:hover ul,
.mainnav ul ul li:hover ul ul,
.mainnav ul ul ul li:hover ul ul
{ display: block; margin-top: 2em; /* Y-Achsenverschiebung des Untermenüs */ }

.login { top: .65em; right: 0; }
.login fieldset, .login .row, .login .submit { float: left; }
.login p, .login label, .login input { font-size: 1.2em; }
.login label { padding-right: .25em; padding-left: .5em; }
.login input[type=text], .login input[type=password] { color: #005980; border: 1px solid #fff; margin-right: 4px; }
.login input[type=text] { width: 130px; }
* html .login input { color: #005980; border: 1px solid #fff; margin-right: 4px; width: 115px; } /* IE6 */
.login input[type=password] { width: 110px; }
.login input.submit { color: #ccf0ff; background-color: #006b99; border: 1px solid #006b99 !important; width: 60px; margin-left: 2px; }
.login a { color: #005980; }
.login a:hover { text-decoration: underline; }
.login .forgotpass { font-size: 1em; position: absolute; top: 2.3em; left: -117px; white-space: nowrap; }

#content { padding-top: 8em; }

#footer { }
#footer .wrap { height: 9em; }
#footer ul { font-size: 1.1em; }
#footer li { padding-left: .5em; border-left: .1em solid #06c; margin-left: .5em; display: inline; }
#footer a { color: #06c; }
#footer a:hover { color: #fff; text-decoration: underline; }

#credits { color: #005980; top: 2em; right: 15px; }

#madeby { right: 0; bottom: 10px; }
#madeby p { background: url(../img/madeby.png) no-repeat; width: 16px; height: 36px; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby p:hover { background-position: -16px top; }
* html #madeby p { display: none; } /* IE6 */

/* CONTENT
----------------------------------------------------------------------------------------------------  */
.colset { background-color: #17a8e6; margin-bottom: 2em; }
.col { float: left; width: 50%; }

.subnav { margin-top: -1em; width: 100%; }
#content .subnav ul { font-size: 1.4em; }
#content .subnav li { background: none; padding: 0; display: inline; margin-right: 1em; }
#content .subnav li a { color: #cff; font-weight: bold; }
#content .subnav li a:hover, #content .subnav li.active a { color: #fff; }
#content .subnav a { height: 2em; line-height: 2em; }

#content a { color: #fff; }
#content a:hover { text-decoration: underline; }
#content a[target=_blank] { background: url(../img/ico-extern.gif) no-repeat right 65%; padding-right: .8em; }
#content a[target=_blank]:hover { background-image: url(../img/ico-extern-o.gif); }
#content p a, #content ul a, #content ol a, #content th a, #content td a { color: #005980; }

#content h1, #content h2, #content h3, #content h4 { font-weight: normal; }
#content h1, #content h2 { line-height: 1em; margin-bottom: .5em; }
#content h3, #content h4 { line-height: 1.2em; margin-bottom: .75em; }
#content h1 { font-size: 3.6em; letter-spacing: -.025em; }
#content h2 { font-size: 3.0em; }
#content h3 { font-size: 2.4em; }
#content h4 { font-size: 1.6em; }

#content #movie p, #content #theater p, #content #school p { width: 30em; margin: 1em 0 2em 0; }
#content #movie p a, #content #theater p a, #content #school p a { margin-right: 1em; }

#content h1, #content h2, #content h3, #content h4, #content p, #content ul, #content ol, #content legend { padding-right: 15px; padding-left: 15px; }
#content p, #content ul, #content ol, #content th, #content td, #content label, #content input, #content select, #content textarea { font-size: 1.3em; }
#content p, #content ul, #content ol, #content th, #content td { line-height: 1.4em; }
#content p, #content ul, #content ol { margin-bottom: 1em; }
#content ul, #content ol, #content table, #content fieldset { margin-bottom: 2em; }
#content table, #content table p, #content table ul, #content table ol, #content table input, #content table select, #content table textarea { font-size: 1em; }
#content table p, #content table ul, #content table ol { padding-right: 0; padding-left: 0; }
#content caption, #content legend { font-size: 1.8em; padding-top: .3em; padding-bottom: .3em; }
* html #content legend { padding: .3em 10px; } /* IE6 */
*+html #content legend { padding: .3em 10px; } /* IE7 */

#content ul { }
#content ol { list-style: decimal; margin-left: 2px; }
#content li { }
#content ul ul, #content ol ol { font-size: 1em; padding: 0; }
#content li li { }

#content table { }
#content thead, #content th, #content td { padding: .35em 15px; }
#content thead, #content th, #content thead th { font-size: 1.1em; font-weight: bold; }
#content td a img { color: #e5f7ff; background: none; margin: 0; }
#content td a { color: #fff; }

#content .information thead th { background-color: #005980;
							     text-align: center;
								 border: solid 0.1em #009EE0; }

#content .information tbody td { background-color: #17a8e6;
								 border: solid 0.1em #009EE0;
								 text-align: center;}

#content .information tfoot td { background-color: #005980;
							     text-align: center;
								 border: solid 0.1em #009EE0;
								 font-weight: bold; }								 

#content .information.pricing tbody td { width: 33%; }

/*#content .information thead th { margin: 5px; background-color: #333; }
#content .information thead th { margin: 5px; background-color: #333; }
#content .information tbody td  { padding: 5px; background-color: #333; }
#content .information tfoot td  { background-color: #333; }*/


.add, .delete, .edit { color: #fff !important; /*display: block; */position: absolute; text-align: center; text-decoration: none !important; }
.row .add { top: 1px; }
.row .delete { top: 14px; }
.row .add, .row .delete { left: 200px; }

.button { } 

#folderview table { margin-bottom: 4em; }
#folderview th, #folderview td { width: 210px; }
#folderview td { padding: 0; }
#folderview tbody { background-color: #17a8e6; }
/*#folderview th.mainfolder, #folderview th.subfolder, #folderview th.overview, #folderview th.comment { }*/
#folderview tbody .row { padding: 0; }
#folderview tbody ul { padding: 0; margin: 0; }
#folderview tbody li { background: none; padding-left: 1em; height: 2em; line-height: 2em; position: relative; }
#folderview tbody li:hover { color: #fff; }
#folderview tbody li.active { color: #fff; font-weight: bold; background-color: #006b99; }
#folderview form { margin-bottom: 0; }
#folderview textarea { margin-left: 15px; width: 200px !important; height: 10em; }
#folderview .delete, #folderview .edit { top: .3em; }
#folderview .delete { right: 15px; }
#folderview .edit { right: 40px; }
#folderview .savedas li .delete { left: 120px !important; }

.loading { background: url(../img/inprogress.gif) no-repeat center center; }
.loading table, .loading .searchresult, .loading form, .loading .savedas, .loading .row { opacity: 0.3; }

.comment, .options { width: 480px; }

.comment { padding: .5em 0; }

.media { }
.media img { vertical-align: top; }
.media img, .media object { margin-bottom: 3em; margin-left: 15px; }
/*.media object object { margin-bottom: 0; margin-left: 0; }*/
.media img#sedcard_image_1 { margin-bottom: 2px; }
.media img#sedcard_image_2 { margin: 0 2px auto 15px; }
.media img#sedcard_image_3 { margin: 0 0 auto 0; }

.mediaspace { margin-bottom: 3em; }
#content .mediaspace p { font-size: 1.1em; margin-bottom: 0; }
#content div.externalVideoUrl { font-size: 1.3em; width: 320px; line-height: 20px; margin-left: 15px;}
#content div.externalVideoUrl span { width: 34px; display:-moz-inline-box; display:inline-block;}
#content div.externalVideoUrl input { font-size: 1.0em; width: 280px;}
#content div.externalVideoUrl div.tooltipbox { position: absolute; left: 320px; margin-top: 3px;}
#content .imageUpload div.externalVideoUrl { padding-bottom:20px; }
#content .mediaspace img, #content .mediaspace object { margin-bottom: 0; }
#content .mediaspace object object { margin-left: 0; }

.imageUpload { }
#content form.imageUpload { margin-bottom: 2em; }
#content .imageUpload h3 { margin-bottom: 0; }
#content .imageUpload img { margin-bottom: .5em; }
#content .imageUpload object { margin-bottom: .5em; }
#content .imageUpload object object { margin-bottom: 0; margin-left: 0; }
/*#content .imageUpload input[type=file] { margin-left: 15px; }
#content .imageUpload input.submit { margin-left: .3em; }*/

.searchresult, .options { min-height: 15em; }
* html .searchresult, * html .options { height: 15em; } /* IE6 */

#content .searchresult a { color: #fff; }
#content .searchresult ul { padding: 0; margin-bottom: 0; }
#content .searchresult ul ul { margin-top: 0; }
#content .searchresult .media { float: left; margin-right: 15px; margin-left: 15px; }
#content .searchresult .image { width: 150px; height: 150px; display: table-cell; text-align: left; vertical-align: top; }
#content .searchresult .image img { margin-bottom: 0 !important; margin-left: 0 !important; vertical-align: middle; }

.data { float: left; }
#content .data ul { width: 10em; float: left; }
#content .data h4 { padding: 1em 0 0 0; width: 300px; }
#content .data strong { color: #005980; display: -moz-inline-box; display: inline-block; width: 4em; }

.options { background-color: #17a8e6; padding-bottom: .5em; float: right; }
#content .options ul { color: #005980; margin-bottom: 0; }
#content .options ul ul { color: #e5f7ff; }

.links, .savebox { padding-top: 1.5em; width: 240px; float: left; }
#content .links li, #content .savebox li { position: relative; }
#content .links .tooltipbox, #content .savebox .tooltipbox { }

.links { }
#content .links a { color: #fff; }
#content .links ul { padding-left: 15px; }
#content .links ul ul { padding-left: 0; }

.savebox { position: relative; }
#content .savebox li { padding-left: 0; }
#content .savebox li li { padding-left: 10px; }
#content .savebox form { margin-bottom: 0; }
#content .savebox label, #content .savebox input, #content .savebox select { margin-left: 15px; }
#content .savebox label { padding: 0; display: block; }
#content .savebox input { width: 10em; }
#content .savebox input.submit { margin: auto 0; width: 2em; }
#content .savebox div.submit { padding: 0; position: absolute; top: 34px; left: 175px; }

.savedas { padding-top: .5em; padding-bottom: .25em; clear: left; }
#content .savedas p { padding-right: 0; display: inline; }
#content .savedas ul { padding-left: 15px; margin-bottom: 1em; }
#content .savedas ul ul { padding-left: 0; margin-bottom: 0; }
#content .savedas li { position: relative; }
#content .savedas li .tooltipbox { top: .15em; left: 172px; }
#content .savedas li .delete { top: .4em; left: 160px; }

.breadcrumb { padding-left: 15px; margin-bottom: 2em; }
#content .breadcrumb a { color: #005980; font-size: 1.2em; font-weight: bold; }
#content .breadcrumb a + a { padding-left: .5em; border-left: 1px solid; margin-left: .5em }

.elementsperpage, .pagenavi { text-align: center; }
.elementsperpage strong, .pagenavi strong { font-size: 1.2em; font-weight: bold; padding-right: .25em; padding-left: .25em; }
.elementsperpage { padding-top: 2em; }

.tooltipbox { display: inline; margin-left: .3em; position: absolute; }

/* FORM
----------------------------------------------------------------------------------------------------  */
.row, div.submit { padding-top: .3em; padding-bottom: .3em; position: relative; }

#content .foo { display: -moz-box; display: inline-block; vertical-align: top; }
#content .foo span { display: -moz-inline-block; margin-right: 2px; }
#content .foo div.row { padding: 0; }
#content .foo .group { display: -moz-inline-block; margin-bottom: -.6em; }
* html #content .foo { display: inline; } /* IE6 */
*+html #content .foo { display: inline; } /* IE7 */
#content .foo .group div.row { padding-bottom: .6em; margin-left: .3em; }

#content .labelless { padding-left: 15px; }

#content .row .tooltipbox { top: .75em; left: 350px; }
#content .group div.row .tooltipbox { top: .3em; }
#content div.submit .tooltipbox { position: relative; top: .15em; }
#content .group .row .tooltipbox, #content .group div.submit .tooltipbox { left: 212px; }

#content .row .text {padding-right: 15px; padding-left: 15px; font-size: 1.3em; }

div.submit { }
#content div.submit a { color: #005980; font-size: 1.1em; margin-left: .6em; }

#content fieldset h3 { color: #0f0; }
#content table form { padding: .5em 0; }
#content form a { }
#content form p, #content fieldset p, #content form span, #content fieldset span { display: -moz-inline-box; display: inline-block; }
#content form ul, #content fieldset ul { display: inline-block; }
#content form li, #content fieldset li { }
* html #content form p, * html #content fieldset p, * html #content form ul, * html #content fieldset ul, * html #content form span, * html #content fieldset span { display: inline; } /* IE6 */
#content form p, #content fieldset p, #content form li, #content fieldset li, #content form span, #content fieldset span { width: 190px; }
#content form ul, #content fieldset ul { padding: 0; margin-bottom: 0; }
* html #content form ul, * html #content fieldset ul { border: 1px solid #0f0; margin-left: -15px; } /* IE6 */
#content form li, #content fieldset li { background-color: #17a8e6; padding: .2em; border: 1px solid #17a8e6; margin-bottom: .461em; }
#content .col form p, #content .col fieldset p, #content .col form li, #content .col fieldset li, #content .col form span, #content .col fieldset span, #content input[type=text], #content input[type=password] { width: 190px; }
* html #content .col form p, * html #content .col fieldset p, * html #content .col form li, * html #content .col fieldset li,
* html #content .col form span, * html #content .col fieldset span, * html #content input { width: 190px; } /* IE6 */

* html #content input, * html #content textarea { border: 1px solid #fff; } /* IE6 */
#content input[type=text], #content input[type=password], #content textarea, #content form span, #content fieldset span { padding: .2em; }
* html #content input, * html #content textarea, * html #content form span, * html #content fieldset span { padding: .2em; } /* IE6 */
#content form span, #content fieldset span { font-size: 1.3em; background-color: #17a8e6; border: 1px solid #17a8e6; margin-right: 1px; }

#content form .row p, #content fieldset .row p { background-color: #17a8e6; border: 1px solid #17a8e6; margin-right: 1px; }

#content label, #content label.checkbox, #content label.radio { display: -moz-inline-box; display: inline-block; }
#content label { padding: .4em 0 0 15px; vertical-align: top; width: 120px; }
#content label.checkbox, #content label.radio { padding-left: 0; }
#content label.checkbox, #content label.radio { width: auto !important; max-width: 500px;}
#content label span { background: none; padding: 0; border: none; margin: 0; width: auto !important; }

#content input, #content select, #content textarea { color: #005980; font-family: Arial, Helvetica, sans-serif; }
#content input[type=text], #content input[type=password], #content select, #content textarea { border: 1px solid #fff; }
/*#content input[type=checkbox], #content input[type=radio] { }*/
#content input.checkbox, #content input.radio { margin-top: .4em; margin-right: .5em; }
* html #content input.checkbox, * html #content input.radio { border: none; width: auto !important; height: auto !important; } /* IE6 */
#content input.submit { color: #ccf0ff; background-color: #006b99; border: 1px solid #006b99; margin-left: 15px; height: 1.692em; line-height: 1.692em; padding: 0 .3em; }
* html #content input.submit { border-color: #006b99 !important; width: auto !important; } /* IE6 */
#content input[type=hidden] { display: none; }
#content select { padding: .15em 0; width: 197px; }

.error { }
#content .error h3 { font-size: 1.3em; }
#content .error ul { }
#content .error ul li { margin-bottom: 0; background: url(../img/ico-error.gif) no-repeat right center; }
#content .error input[type=text] { font-size: 1.1em; }
#content .error strong { color: #e2001a; }

.errormsg, .affirmmsg { background-color: #17a8e6; padding: 1.5em 0; border-bottom: none; margin-bottom: 1em; }
#content .errormsg strong { color: #fff; }
#content .errormsg ul { padding: 0 15px; margin-bottom: 0; display: block; }
#content .errormsg li { background: url(../img/ico-error.gif) no-repeat left center; padding: 0 0 0 1.5em; border: none; margin-bottom: .25em; width: 90%; }
#content .affirmmsg h3 { font-size: 1.8em; }
#content .affirmmsg h4, #content .affirmmsg p { margin-bottom: 0; }

#content form div.error { background: #006b99 url(../img/ico-error.gif) no-repeat 99% center; }
#content form .error label { }
#content form .error label em { }
#content form .error input[type=text], #content form .error input[type=password], #content form .error select #content form .error textarea
{ font-weight: bold; border-color: #fff; }
#content form .error input[type=text], #content form .error input[type=password] { background-position: 98% center; }
#content form .error textarea { background-position: 98% 5%; }

/*#content input[name*="[subject]"] { width: 30em; }
#content form#contact textarea, #content form#kontakt textarea { width: 30em; height: 15em; }
#content form#comment textarea { width: 20em; height: 10em; }
#content form#comment textarea[name="comment[text]"] { margin-left: 15px; width: 20em; height: 10em; }
#content select[name="folder[folder]"] { width: 12em; }
#content select[name^="search[age_"], #content select[name^="search[size_"] { width: 5em; }
#content input[name*="[zip]"], #content span[name*="[zip]"] { width: 4em; }
#content input[name^="movie[from]"], #content input[name^="theater[from]"],
#content input[name^="movie[to]"], #content input[name^="theater[to]"] { width: 7.45em; }
#content input[name*="[size]"], #content input[name*="[number]"], #content span[name*="[size]"], #content span[name*="[number]"] { width: 2.5em; }
#content input[name*="[city]"], #content span[name*="[city]"] { width: 12.5em; }*/

#content #contact input[type=text], #content #contact textarea, #content #contact span { width: 30em; }
* html #content #contact input, * html #content #contact textarea, * html #content #contact span { width: 30em; } /* IE6 */
#content #contact textarea { height: 15em; }

#content #comment textarea { width: 20em; height: 10em; }
#content .comment #comment textarea { margin-left: 0; width: 312px; }
#content #comment textarea { margin-left: 15px; }

#content select#folder-folder { width: 12em; }
#content select#search-age_from, #content select#search-age_to,
#content select#search-size_from, #content select#search-size_to
{ width: 4em; }
#content input#address_form-zip, #content span#address_form-zip,
#content input#schooladdress_form-zip, #content span#schooladdress_form-zip,
#content input#agencyaddress_form-zip, #content span#agencyaddress_form-zip
{ width: 4em; }
#content input[name^="movie[from]"], #content input[name^="theater[from]"],
#content input[name^="movie[to]"], #content input[name^="theater[to]"]
{ width: 87px; }
#content #movie span[id^="movie-from"], #content #theater span[id^="theater-from"],
#content #movie span[id^="movie-to"], #content #theater span[id^="theater-to"]
{ width: 86px; }
/*#content input#profil_form-size, #content span#profil_form-size,*/
#content input#address_form-number, #content span#address_form-number,
#content input#schooladdress_form-number, #content span#schooladdress_form-number,
#content input#agencyaddress_form-number, #content span#agencyaddress_form-number
{ width: 2.5em; }
#content input#address_form-city, #content span#address_form-city,
#content input#schooladdress_form-city, #content span#schooladdress_form-city,
#content input#schooladdress_form-city, #content span#schooladdress_form-city,
#content input#agencyaddress_form-city, #content span#agencyaddress_form-city
{ width: 128px; }

#content form#sedcard .submit { margin-bottom: 1em; }

#folderedit { }
#content #folderedit .errormsg h3 { font-size: 1.4em; }
#content #folderedit .errormsg li { padding-left: 2em; background-position: left -2px; }
#content #folderedit .row, #content #folderedit .submit { display: inline; }
#content #folderedit .row input { width: 120px; padding: .1em; }
#content #folderedit .submit input { margin-left: 0; padding: 0; height: auto; line-height: normal; }

#content #registration label { width: 160px; }
#content #registration label.checkbox { width: auto; }

#content #registration .tooltipbox { left: 378px; }

/* MISC
----------------------------------------------------------------------------------------------------  */
.noborder { border: none !important; }

.links .iconbar { margin-top: 15px; }
/*.links .iconbar a.ico_video, .links .iconbar a.ico_video_link {background-image: url(../img/control_play_blue.png); background-repeat: no-repeat; background-position: left center; padding-left: 16px; margin-right: 2px; display: block; width: 0 !importent;}*/
.links .iconbar a.ico_video, .links .iconbar a.ico_video_link, .iconbar a.ico_video_link[target="_blank"] {background-image: url(../img/control_play_blue.png) !important; padding-right: 0 !important; background-repeat: no-repeat; background-position: left center; margin-right: 2px; display: -moz-inline-box; display: inline-block; width: 16px; height: 16px; border-bottom: 1px solid #17A8E6; }
.links .iconbar a.ico_video_link {border-bottom: 1px solid #fff; }
.links .iconbar .tooltipbox { margin-left: 0.1em; }


div.playerdummy { width: 320px; height: 240px; background-color: black; margin-bottom: 2em; overflow: hidden; margin-left: 15px; position: relative; }
div.playerdummy .image img { padding: 0; margin: auto; }
div.playerdummy .play { background: url(../img/play.png) no-repeat center center; position: absolute; width: 320px; height: 240px; top: 0; left: 0; }
div.playerdummy .play a { width: 320px; height: 240px; display: block;}
/* JS-FRAMEWORK
----------------------------------------------------------------------------------------------------  */
.element { }
#content .element h4, #content .element h4 a { color: #005980; }

#content h4.toggler1 { font-weight: bold; }
#content h4.toggler1 a { }
#content h4.toggler2 { font-size: 1.3em; }
#content h4.toggler2 a { }

.tip { width: 200px; color: #fff; }
.tip-title { color: #fff; font-weight: bold; margin: 0; padding: 13px 10px 5px; background-color: #006b99; font-size: 1.1em; }
.tip-bottom { margin: 0; padding: 0 10px 15px; background-color: #006b99; }

sup {font-size:60%;height:0;vertical-align:top; }