/* @override http://localhost:8080/static/blauworld/css/screen.css */

/* @override http://localhost:8080/static/blauworld/css/screen.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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* common */
ol, ul { list-style: none; margin-bottom: 10px; }
.content ul { list-style: disc; margin-left: 20px}
ul.errorList { list-style: none; margin-left: 0px}

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }


q, blockquote { quotes: "" ""; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img { margin-bottom: 5px; }

body { background: white; color: #666666; font-family: arial; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: normal; }

h1 { font-size: 22px; font-weight: normal; line-height: 35.2px; color: #009ee0; }
h2 { font-size: 14px; font-weight: bold; line-height: 18px; color: #009ee0; }
h3 { font-size: 12px; font-weight: bold; line-height: 22.4px; color: #666666; clear: both; }
h4 { font-size: 12px; font-weight: bold; line-height: 22.4px; color: #666666 }

.content p, .content h1, .content h2, .content h3 { overflow: hidden; *zoom: 1; }
.content h3 { border-top: 1px solid #e4f6fe; padding-top: 5px; }


a { color: #009ee0; }
a.pdf { background: url(/static/blauworld/img/relaunch/pdf.png) no-repeat 0px 7px; display: inline-block; line-height: 30px; padding-left: 20px; vertical-align: middle; }
a img { border: none; }

strong { font-weight: bold; }

p { margin-bottom: 10px; }
p .ico { line-height: 30px; }

br.clear { clear: both; }

small { font-size: 10px; }

/* layout */

body > .container { width: 940px; margin: 0 auto; *zoom: 1; }

#header { height: 100px; }
#header .logo { display: inline; float: left; background: url(/static/blauworld/img/relaunch/logo.png); display: block; height: 50px; margin-top: 30px; margin-left: 3px; text-indent: -3000px; width: 251px; }

#main > .navigation { display: inline; float: left; margin-right: 20px; width: 220px; }
* html #main > .navigation { overflow-x: hidden; }

#main > .content { display: inline; float: left; margin-right: 20px; width: 460px; width: 439px; padding-left: 20px; border-left: 1px solid #e4f6fe; }
* html #main > .content { overflow-x: hidden; }

#main > .sidebar { display: inline; float: left; margin-right: 0; width: 220px; }
* html #main > .sidebar { overflow-x: hidden; }

#main > .content-home { display: inline; float: left; margin-right: 20px; width: 700px; }
* html #main > .content-home { overflow-x: hidden; }

#main > .full-size-content { display: inline; float: left; margin-right: 20px; width: 700px; width: 540px; padding-left: 160px; }
* html #main > .full-size-content { overflow-x: hidden; }

#main { display: inline-block; *zoom: 1; background: url(/static/blauworld/img/relaunch/menu-arc.png) no-repeat top left; padding-top: 40px; position: relative; }

#bottom { font-size: 10px; color: #b2b2b2; line-height: 15px; margin-bottom: 20px; }
#bottom #footer { text-align: center; margin-top: 15px; }
#bottom #footer a { color: #b2b2b2; text-decoration: none; }
#bottom #footer a:hover { text-decoration: underline; }
#bottom #footer ul { margin-bottom: 15px; }
#bottom #footer li { border-left: 1px solid #b2b2b2; display: inline; line-height: 10px; padding: 0 12px; }
#bottom #footer ul li.first { border: none; }

#bottom .disclaimer { margin-top: 20px; padding-left: 30px; }


/*sidebar*/

.sidebar form li { padding: 0; }
.sidebar form input[type=text], .sidebar form input[type=password] { width: 178px; padding: 0px; line-height: 16px; font-size: 10px; margin-bottom: 4px; }
.sidebar form label { float: none; display: block; width: 90px; font-size: 12px; line-height: 19px; text-align: left; padding: 0; margin-bottom: 0px;}


.serviceBox { margin-bottom: 10px; margin-left: 13px; width: 207px; background: url(/static/blauworld/img/relaunch/boxes/green-bottom-corner.png) no-repeat bottom; min-height: 80px; padding-bottom: 20px; }

.serviceBox > :first-child { padding: 12px 0 0px 10px; background: url(/static/blauworld/img/relaunch/boxes/green-top.png) no-repeat; display: block; margin-left: 0 }
.serviceBox > * { margin: 0 10px; }

.serviceBox form fieldset {	border-bottom-width: 0px; margin-top: 0px; }
.serviceBox h3 { margin-left: 2px; margin-right: 0; color: #7EC716; font-size: 14px; font-weight: bold; line-height: 19.2px; margin-bottom: 10px; }
.serviceBox a { text-decoration: underline; margin-right: 0; }
.serviceBox a#accountStartLink { text-decoration: none; }
.serviceBox .button, .serviceBox .big-button { margin-top: 20px; }
#lostPasswordLink {	display: block; margin-top: 10px; padding-left: 10px; background: url(/static/blauworld/img/relaunch/link-arrow.png) no-repeat; text-decoration: underline; }


/*navigation*/

#top-navigation a { font-size: 16px; line-height: 24px; font-weight: bold; letter-spacing: 1px; }
#top-navigation a span:hover { border-bottom: 2px solid white; }
#top-navigation { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; *zoom: 1; background: #009ee0 url(/static/blauworld/img/relaunch/tab-outer-right.png) no-repeat top right; }
#top-navigation li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#top-navigation li:first-child, #top-navigation li.first { padding-left: 0; }
#top-navigation li:last-child, #top-navigation li.last { padding-right: 0; }
#top-navigation > li { display: block; padding: 0; }
#top-navigation > li .left { display: inline; float: left; background: url(/static/blauworld/img/relaunch/tab-inner-left.png) no-repeat; height: 44px; width: 12px; }
#top-navigation > li a { display: inline; float: left; color: white; text-decoration: none; padding: 12px 14px 0 14px; }
#top-navigation > li a .active { padding-bottom: 2px; border-bottom: 2px solid white; }
#top-navigation > li .right { display: inline; float: left; background: url(/static/blauworld/img/relaunch/tab-inner-right.png) no-repeat; height: 44px; width: 12px; }
#top-navigation > li.first a { padding-right: 20px; padding-left: 35px; background: url(/static/blauworld/img/relaunch/tab-outer-left.png) no-repeat; }
#top-navigation > li.last a { padding-left: 30px; padding-right: 35px; background: transparent; }

.navigation { margin-top: 70px; }
.navigation #verticalMenu { margin-left: 30px; }
.navigation #verticalMenu li { padding: 5px 0; }
.navigation #verticalMenu li ul { margin-top: 5px; }
.navigation #verticalMenu li ul li { padding: 0; }
.navigation #verticalMenu .active ul { display: block; }
.navigation #verticalMenu .active ul li { padding-left: 10px; }
.navigation #verticalMenu .active ul li a.active { text-decoration: underline; }


.navigation a { text-decoration: none; font-size: 12px; font-weight: bold; line-height: 19.2px; color: #666666; }
.navigation a:hover { text-decoration: underline; }
.navigation .active > a { color: #009ee0; }
.navigation .menu ul a { font-size: 11px; font-weight: normal; line-height: 17.6px; }


.footnote { border-top: 1px solid #e4f6fe; clear: both; font-size: 11px; padding-top: 5px; }

/*forms*/

form legend { font-weight: bold; overflow: hidden; *zoom: 1; }
form fieldset { clear: left; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4f6fe; }

form input[type=text].xxsmall { width: 50px; margin-right: 5px;}
form input[type=text].xsmall, form input[type=password].xsmall { width: 176px; margin-right: 5px;}
form input[type=text], form textarea, form input[type=password] { padding: 1px 3px; line-height: 19px; font-size: 12px; width: 240px; margin-bottom: 5px; vertical-align: middle; }
form input[type=checkbox], form input[type=radio] { margin-top: 8px; float: left; display: block; }
form span.error + label,
form input[type=checkbox] + label,
form input[type=radio] + label { text-align: left; padding-left: 10px; width: 380px; display: block; float: left; clear: none; }

form label { float: left; width: 140px; clear: left; line-height: 16px; text-align: right; padding-right: 10px; padding-top: 6px; margin-bottom: 8px; }
form .hint { margin-left: 5px; font-size: 10px; line-height: 16px; padding-top: 0; }
form div > input[type=radio]:first-child, form li > input[type=checkbox]:first-child { margin-left: 170px; }
form select { float: left; margin-top: 5px }
form .field { overflow: hidden; *zoom: 1; }
span.error input { border:1px solid red; }

.errorList { color: red; padding: 20px; border: 2px solid red; }
.error legend { color: red; }
form input.half { width: 113px; }

.required { display: inline-block; }


/*table*/

table { border-collapse: collapse; margin: 0px 0px 30px 0px; width: 440px; }
table table { margin: 0px; width: auto; }
table table tbody { border: 0; margin: 0px; }
table th, table table td { background-color: white; color: #009ee0; font-weight: bold;}
table table td a { text-decoration:none; }
table tr.odd td { background-color: white; }
table tr.odd td.even, table tr.odd td:nth-child(2n) { background-color: white; }
table tr.even td { background-color: #e4f6fe; }
table tr.even td.even, table tr.even td:nth-child(2n) { background-color: #e4f6fe; }
table tfoot th, table tfoot td { background-color: white; }
table tfoot th.even, table tfoot th:nth-child(2n), table tfoot td.even, table tfoot td:nth-child(2n) { background-color: white; }
table td, table th { border: 0; text-align: left; padding: 0px 10px; height: 30px; }
table table td { padding: 0px; }
table td.small, table th.small { width: 90px; }
table tbody { border: 2px solid #b9e4f8; margin: 15px; }
table tbody td { line-height: 20px; text-align: left;}
table tbody td:first-child { text-align: left; }
table .price { text-align: right; }
	table tr.result td.price { line-height: 33px; }
table table img { margin-bottom: 3px; }


table#sumTable tbody { border: none; }

/* buttons */

.button { line-height: 22px; color: white; }
.button a { text-decoration: none; color: inherit; line-height: 18px; }
.button button, .button input[type=submit] { color: inherit; font-size: inherit; }

.buttonSmall a { margin-left: 4px; }

.button, .buttonNext { display: inline-block; padding-left: 5px; color: white; }
.button span, .buttonNext span { display: inline-block; }
.button button, .button input[type=submit], .buttonNext button, .buttonNext input[type=submit] { background: none; border: none; padding: 0; color: white; }

.button, .buttonNext { background: url(/static/blauworld/img/relaunch/small-button-left.png) no-repeat left; height: 18px; }
.buttonNext { float: right; margin-bottom: 10px;}
.button input[type=submit], .button a, .buttonNext input[type=submit], .buttonNext a { display: inline-block; height: 18px; background: url(/static/blauworld/img/relaunch/small-button.png) no-repeat right; padding-right: 4px; cursor: pointer; }
.button input[type=submit], .buttonNext input[type=submit] { padding: 0 4px 3px 0; }

.box form .button { margin-top: 20px; }

.button.right, #addRecommendee, .button { float: right; }

.sidebar .button { float: none; }

div.deep { overflow: hidden; margin-top: 5px; }
.buttonAreaNextBack { clear: both; overflow: hidden; margin-top: 10px; }

.button.topup { margin-left: 10px; margin-top: 5px; }

/*definition list*/


dl { display: inline-block; margin-bottom: 10px; line-height: 20px; *zoom: 1; }
dl dd, dl dt { float:left; width: 70px; }
dl dd { width: 65px; }
dl dt { clear: left; }

.sidebar dl { width: 192px; }
.sidebar dl dt,
.sidebar dl dd { width: 100%; }
.sidebar dl dd { font-style: italic; padding-left: 20px; }
.sidebar dl hr + dt { font-weight: bold; }
dl hr { clear: both; display: block; border-width: 0px; border-bottom: 1px solid #e4f6fe; margin-bottom: 10px; padding-top: 10px; }


/*icons*/

.ico { background-repeat: no-repeat; padding-left: 30px; }
.ico.large { line-height: 16px; padding-left: 40px; }
.ico.large.germany { background-image: url(/static/blauworld/img/relaunch/ico/germany.png); }
.ico.large.world { background-image: url(/static/blauworld/img/relaunch/ico/world.png); }
.ico.large.sms { background-image: url(/static/blauworld/img/relaunch/ico/sms.png); }

.pdf { background: url(/static/blauworld/img/relaunch/pdf.png) no-repeat 0px 7px; display: inline-block; line-height: 30px; padding-left: 20px; vertical-align: middle; }
.csv { background: url(/static/blauworld/img/relaunch/csv.png) no-repeat 0px 7px; display: inline-block; line-height: 30px; padding-left: 20px; vertical-align: middle; }

/*helpHover*/

h3.wrapper { overflow: visible; margin-bottom: 10px; }
h3.wrapper b { float: left; }

.helpWrapper { display: inline-block; margin-left: 10px; position: relative; }
.helpWrapper a.help { text-decoration: none; color: black; font-weight: normal; }
.helpWrapper .helpHandle { display: inline-block; width: 20px; height: 20px; background: url(/static/blauworld/img/relaunch/help-icon.png) no-repeat; }

.help > .hoverWrapper { display: none; width: 245px; background: url(/static/blauworld/img/relaunch/backgrounds/help.png) no-repeat 30px top; position: absolute; top: -20px; left: 0; padding-left: 30px; line-height: 16px; }

.help > .hoverWrapper .content { margin-top: 10px; margin-left: 30px; padding-right: 10px; padding-bottom: 0; }
.help > .hoverWrapper .bottom { display: block; height: 10px; background: url(/static/blauworld/img/relaunch/backgrounds/help.png) no-repeat left bottom; }
.help:hover > .hoverWrapper { display: block; }


/* tip */
.tip { background:#fffbcc; border:1px solid #e6db55; margin:1em 0; padding:8px 10px; width:420px; }
.tip h3 { background:url(/static/blauworld/img/relaunch/sprites/icons.png) 0 -878px no-repeat; border:none; border-bottom:1px solid #ccc; padding:5px 0 4px 24px; margin-bottom: 7px; margin-top:0px; width:94%;}
.tip h3.critical { background-position: 0 -836px; padding-left:30px;}		
.tip p { margin:0; width:auto; }
.tip ul { margin-bottom:0; } 
.tip ins { display: none; }


/* special stuff */
#amountSelectionForm .button { display: inline-block; float: none; }
#amountSelectionForm { margin-bottom: 20px; }

#recommendationInfo { clear: none; text-align: left; width: 390px; }

#recommendationInfoBox { margin-right: 6px; }

.copyright { text-align: center; }

.directTopupLinks { overflow: hidden; margin: 10px 0 20px;}
.directTopupLinks > * { float: left; display: inline-block; margin-left: 33px;}

.hide { display: none; }

.subheadline { color: #009ee0; position: relative; top: -5px; margin-bottom: 5px; }

.help.follow { display: none; }

#loginForm2 a, #loginForm2 .button { display: inline-block; margin-top: 10px; }

#personInputDiv fieldset.reverseSwitch legend input[type=checkbox] { margin-left: 150px; }

#personInputDiv fieldset.reverseSwitch legend label { width: auto; }
#personInputDiv fieldset.reverseSwitch legend label b { font-weight: normal; }

.nowrap { white-space: nowrap; }

/*callView*/
form div div, .required, div#selectDates form div  { vertical-align: middle; padding: 5px 0; }
#period { margin-bottom: 10px; }
#period a { font-weight: bold; }
#period .buttonSmall a { margin-right: 10px; }
#selectDatesForm input[type=text] { width: 80px; }
#selectDatesForm label { float: none; padding: 6px 4px 0 10px; }
#selectDates { padding: 10px 0 0 73px; }
#tablePagesRow { text-align: center;}
.totalAmount { border-top: 2px solid #b9e4f8; }
tr.totalAmount td { font-weight: bold; }
table.callview tbody { border: none; }
.content table tr.tablePages td a, .content table tr.tablePages td b { margin:0.2em; padding:0.5em; }
table th table { width: 100%; }
.content table .KostenColumnHeader td,
.content table .DauerColumnHeader td,
.content table .MengeColumnHeader td { text-align:right; }

/*usageReport*/
.content #reportTable tbody { border: none; }
.content #reportTable tr td { height: 27px; }
.content #reportTable tr td a { background:url(/static/blauworld/img/relaunch/sprites/icons.png) 0 0 no-repeat; cursor:pointer; display:block; margin:2px 0 3px 0; margin-left:0; padding:2px 0 0 23px; }
	.content #reportTable tr td a.on { background:url(/static/blauworld/img/relaunch/sprites/icons.png) 0 -40px no-repeat; }
		.content table tr.level1 td:first-child { padding-left:33px; } 
		.content table tr.level2 td:first-child { padding-left:57px; } 
		.content table tr.level3 td:first-child { padding-left:80px; } 
		.content table tr.level4 td:first-child { padding-left:104px; }
.content #monthSelection { float:none; width:auto; }

.text-right { text-align: right; }
table .checked:first-child { background:url(/static/blauworld/img/background/li_checked.png) 8px 8px no-repeat #91df53;}
table .checked { background-color:#91df53; padding:4px 10px;}
table .right {float:right;}
table .left {float:left;}