@CHARSET "UTF-8";

body {
  margin: 0;
  font-family: Verdana;
  overflow-x: hidden;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}

body.profile{
  width: 320px;
}

body.landscape{
  width: 480px;
}

a {
	text-decoration:none;
}

.header {
	margin: 0;
	display:block;
	overflow-x: hidden;
	color:#FFFFFF;
	font-size:26px;
	font-weight:bold;
	background-color: #3b5998; 
}

.search {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
    padding-top:14px;
    padding-bottom:20px;
	position:absolute;
	text-decoration:none;
	right:10px;
	top:0px;
	text-shadow: #000 0px 1px 1px;
}
.topBar {
	background-color: #ccccff; 
	height: 35px;
	color: #ffffff;
}

.topBar .link1 {
    float:left;
    display:block;
    font-weight:bold;
    width:40%;
    text-align:center;
    color: #3b5998;
    padding:8px 0;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0;
}
.topBar .link2 {
    float:left;
    display:block;
    font-weight:bold;
    width:30%;
    text-align:center;
    color: #3b5998;
    padding:8px 0;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0;
}
.topBar .link3 {
    float:left;
    display:block;
    font-weight:bold;
    width:30%;
    text-align:center;
    color: #3b5998;
    padding:8px 0;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0;
}

.bottomBar {
    border-bottom: 1px solid #2d3642;
    padding: 0;
    height: 45px;
    font-weight: bold;
    color: #FFFFFF;
    background: #6d84a2 url(toolbar.png) repeat-x;
    white-space: nowrap;
    clear: both;
}
.bottomBar .link {
    float:left;
    display:block;
    width:25%;
    text-align:center;
    padding:13px 0;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.userlocation {
	background:#eee	url(userlocation.png) repeat-x;
	margin: 0;
	padding:0 10px 0 10px;
	height:30px;
	line-height: 31px;
	font-size: 12px;
	font-weight: bold;
	text-overflow: ellipsis;
	color: #333;
	border-top: 1px solid #c0ddea;
	border-bottom: 1px solid #ddeeff;
}
.change	{
	margin-top:3px;
	display: block;
	line-height: 18px;
	width: 50px;
	font-size: 11px;
	font-weight: bold;
	color: #079;
	text-decoration: none;
	text-align: center;
}
.white {
	float:right;
	color: #079;
	text-shadow: #fff 0px 1px 1px;
	-webkit-border-image: url(whiteButton.png) 0 10 0 10;
}

.panel div.playall {
	border-bottom:1px #CCCCCC solid;
    clear: both;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:4px;
}
.panel div.item {
	border-bottom:1px #CCCCCC solid;
    background: white url(listArrow.png) no-repeat right center;
    clear: both;
}
.panel div.boldline a .subject{
	color: #004679;
}

.panel div.item a {
	color: black;
}
.panel div.item a .thumbnail {
    float: left;
    padding-top:4px;
    margin-left:4px;
}
.panel div.item a .subject {
    max-height:38px;
    overflow: hidden;
    font-size: 16px;
	font-weight:bold;
    padding-top:4px;
    margin-left:63px;
}
.panel div.item .description {
    margin-left:63px;
    max-height:30px;
    min-height:15px;
    font-size: 12px;
    overflow: hidden;
    color: #888888;
}
.panel div.item a .title {
    overflow: hidden;
    font-size: 14px;
	font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
    margin-left:63px;
    max-height:37px;
    min-height:17px;
    color: #555555;
}

.panel div.item a .notitle {
	margin-left: 4px;
	padding-top:8px;
    padding-bottom:8px;
    padding-right: 40px;
    font-size: 18px;
}

.caption {
	font-size: 18px;
	font-weight:bold;
	padding-top:12px;
    padding-bottom:12px;
	border-bottom:1px #CCCCCC solid;
	clear: both;
}

.bottomAction {
	clear: both;
	padding-top:12px;
    padding-bottom:12px;
    padding-left:4px;
}
.path {
	font-size: 18px;
	font-weight:bold;
	clear: both;
	padding-top:4px;
    padding-bottom:12px;
    padding-left:4px;
}
.nextprev {
	clear: both;
	padding-top:12px;
    padding-bottom:12px;
}

.blackRight	 {
	float:right;
	margin: 0 4px;
	border-width: 0px 12px 0px 5px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	-webkit-border-image: url(rightButton.png) 0 12 0 5;
}
.blackLeft {
	float:left;
	margin: 0 4px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	border-width: 0px 5px 0px 12px;
	-webkit-border-image: url(leftButton.png) 0 5 0 12;
}

.button1	{
	display: block;
	line-height: 26px;
	width: 70px;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.welcome {
	padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    border-bottom:1px #CCCCCC solid;
}
.container {
	padding-top:8px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right: 4px;
    clear: both;
}

.errorbar {
    padding-left:4px;
    padding-right: 4px;
    clear: both;
    border-bottom:1px #CCCCCC solid;
}

div.fatal { 
    background-color: red
}
div.warning { 
    background-color: yellow
}
div.info { 
    background-color: green
}

.button {
    overflow: hidden;
    border-width: 0 5px;
    padding-top:8px;
    padding-bottom:8px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(toolButton1.png) 0 5 0 5;
}