@import url(../../../css/demo.css);

* { 
	font-size: 11px;
}

h1, h1 a { font-size: 13px; margin: 2px 0; }

#globalContainer {
	background: #FFF url(Apple_iPhone.jpg) left top no-repeat;
	padding: 66px 0 67px 31px;
}

/* Workaround for IE6 + IE7; */
*+html #globalContainer {
	height:1%; 
}
* html #globalContainer {
	height:1%; 
}

#mainContent {
	width: 175px;
	height: 259px;
}

#headerContainer .metaNav, #logoContainer img {
	display: none;
}

#logoContainer {
	background: url(logo.gif) right top no-repeat;
	height: 26px;
}

#headerContainer p, 
#footerContainer p, 
#contentContainer {
	padding: 2px;
}

/* Customer number */

#customerNumberContainer {
	font-size: 9px;
}

/* Tables */

table th { 
	padding-top: 0; 
	background: url(bg_tableHead.gif) left center repeat-x;
}

table td {
	padding: 2px;
}

/* Lists */

ul {
	border-bottom: 1px solid #CCC;
	margin: 4px 0;
}

li { 
	padding: 0; 
	background: none;
}

li a {
	text-decoration: none;
	display: block;
	padding: 4px; 
	background: #FFF url(li_normal.gif) right center no-repeat;
	border-top: 1px solid #CCC;
	font-weight: bold;
}

* html li a { /* IE6 */
	width: 157px;
}

li a:hover {
	background: #335cad url(li_normalHover.gif) right center no-repeat;
	color: #FFF;
}

li#logout {
	margin-top: 8px;
}

li#logout a {
	background-image: url(li_logout.gif);
}

li#logout a:hover {
	color: #FFF !important;
	background-color: #F00;
	background-image: url(li_logoutHover.gif);
}

/* Form elements */

input, select { 
	border: none;
	background: #FFF url(bg_formTextInput.gif) left top no-repeat;
	padding: 3px 4px;
	width: 140px;
	height: 20px;
}

input#tanInput {
	background: #FFF url(bg_formTANInput.gif) left top no-repeat;
}

.chkInput, .rdoInput {
	background: none;
	width: 13px;
	height: 13px;
}

/* Buttons */

input.button, input.close { 
	color: #FFF; 
	border: none;
	width: 82px !important;
	height: 22px !important;
	padding: 0 0 2px 0;
	cursor: pointer;
}

*:not(abbr) input.button, *:not(abbr) input.close {
	width: 80px;
	height: 20px;
}

input.button {
	background: #039 url(bt_normal.gif) left top no-repeat;
}

input.close {
	background: #F00 url(bt_close.gif) left top no-repeat;
}

/* Footer */

#footerContainer * { color: #CFDAEB; height: 32px; }
#footerContainer br { display: none; }

#footerContainer a {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	margin: 3px 3px 0 0;
	text-align: center;
	font-size: 0px;
	color: #6f8cc6;
	background: #7793c8 url(ic_footerService.gif) left top no-repeat;
	content:"";
}

#footerContainer a.linkBack {
	background-image: url(ic_footerBack.gif);
}

#footerContainer a.linkMenu {
	background-image: url(ic_footerMenu.gif);
}

#footerContainer a.linkService {
	background-image: url(ic_footerService.gif);
}

#footerContainer a.linkLegal {
	background-image: url(ic_footerLegal.gif);
}

#footerContainer a.linkImprint {
	background-image: url(ic_footerImprint.gif);
	width: 39px;
}

#footerContainer a.logout {
	float: right;
	margin-right: 0;
	background: #f17b80 url(ic_footerLogout.gif) left top no-repeat;
	color: #f17176 !important;
}

/* Scrollbar */

.jScrollPaneTrack {
	background: transparent;
}

.jScrollPaneDrag {
	background: #666;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a.jScrollArrowUp, a.jScrollArrowDown {
	background: none;
}

.jScrollPaneDragBottom {
	background-image: url(jScrollPaneDragBottom.gif);
	bottom: -4px;
}

.jScrollPaneDragTop {
	background-image: url(jScrollPaneDragTop.gif);
}

#redirect input { background-image: url(bt_redirect.gif) !important; }
/* IE6 Bugfix: Set specific width and paddings */
* html #redirect h2, * html #redirect p { width: 153px; }
* html #redirect form {	white-space: nowrap; padding-left: 36px; padding-right: 46px; }