/*
* Copyright 2010-2011 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

body, html {
	padding:0;
	margin:0;
	font-family: BBAlpha Sans;
	font-size: 15pt;
	overflow:visible;
}

/* ================================================= 
   Buttons
   =================================================*/
   
.ww-button-full {
    background: transparent url('../images/button/btnRight.png') no-repeat scroll top right;
    color: White;
    display: block;
    float: left;
    height: 39px;
    margin-right: 0px;
	margin-left:4px;
	right:0px;
	left: 0px;
    padding-right: 10px;  
    text-decoration: none;
    width:95%
}

.ww-button-full span {
    background: transparent url('../images/button/button.png') no-repeat;
    display: block;
    line-height: 39px;
    padding: 0px 0px 0px 10px;
    text-align:center;
}



/* ================================================= 
   Round Panel
   =================================================*/
.ww-round-panel 
{
	margin: 8px;
	position:relative;
}

.ww-round-panel-top-left {
	margin-right: 9px; 
	height: 9px; 
	background-image: url('../images/panel.png');
}
.ww-round-panel-top-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px;
	background-image: url('../images/panel.png');
}
.ww-round-panel-bottom-left {
	margin-right: 9px; 
	background-position: 0 -7px; 
	height: 9px;
	font-size: 2px;
	background-image: url('../images/panel.png');
}
.ww-round-panel-bottom-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% -7px; 
	height: 9px; 
	font-size: 2px; 
	background-image: url('../images/panel.png');
}
.ww-round-panel-inside {
	border-left: 2px solid #D6D3D6;
	border-right: 2px solid #D6D3D6;
	background: White;
	padding-left: 3px;
	padding-right: 3px;
	overflow:auto;
}

/* ================================================= 
   Arrow List 
   =================================================*/
.ww-text-arrow-list {
	margin-top: -3;
	margin-bottom: -3;
}

.ww-text-arrow-list-item
{
	vertical-align: middle;
	height: 40px;
	width:100%;
}

.ww-text-arrow-list-item:hover
{
	background-color:#2175F7;
}

.ww-text-arrow-list-item-value
{
	line-height:40px;
	padding-left:7px;	
	font-size: 15pt;	
	display:inline;
}

.ww-text-arrow-list-item:hover .ww-text-arrow-list-item-value
{
	color:White;
}

.ww-arrow-list-separator
{
	border-bottom: solid 1px Silver;
	margin: 1px;
}

.ww-arrow-list-arrow
{
	position:relative;
	float:right;
	display:inline;
	margin-right: 5px;
	top: 15px;
}


/* ================================================= 
   Image List Dark
   =================================================*/


.ww-image-list-dark
{
	margin:0px;
	padding:0px;	
	font-size: 12pt;
	background-color: #292429;
}

.ww-image-list-dark .header
{
	height: 40px;
	margin: 0px;
	color: White;	
	background-image: url('../images/imageListDark/gradientHeader.png');
	padding-left: 7px;
	vertical-align: middle;
	line-height: 40px;
}

.ww-image-list-dark .header:hover
{
	background-color:#2175F7;
	background-image: none;
	padding-left: 6px;
	margin-left: 1px;
}

.ww-image-list-dark-item
{
	border-bottom: solid 1px #212021;
	padding-top: 5px;	
	padding-left: 5px;
	padding-bottom: 0px;
	overflow:hidden;
	height: 41px;
}

.ww-image-list-dark-item:hover
{
	background-color:#2175F7;
}

.ww-image-list-dark .details
{
	position:relative;
	margin-left:40px;
	margin-bottom: 0px;
}

.ww-image-list-dark .title
{
	color:White;
	overflow: hidden;
}

.ww-image-list-dark img
{
	position:relative;
	left: 2px;	
	float:left;
	height:32px;
	width:32px;
}

.ww-image-list-dark .description
{
	color:#737173;
	overflow: hidden;
	white-space:nowrap;
	font-size: 10pt;	
	margin-bottom: 0px;
}

.ww-image-list-dark-item:hover .description
{
	color: White;
}


/* ================================================= 
   Tall Style List
   =================================================*/


.ww-tall-list
{
	margin:0px;
	padding:0px;	
	font-size: 12pt;
}

.ww-tall-list-item
{
	border-bottom: dashed 1px #E7E7E7;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 5px;
	overflow:visible;
}

.ww-tall-list-item:hover
{
	background-color:#2175F7;	
}

.ww-tall-list .details
{
	position:relative;
	margin-left:60px;
}

.ww-tall-list .title
{
	color:Black;
	font-weight:bold;
}

.ww-tall-list-item:hover .title
{
	color:White;
}

.ww-tall-list img
{
	position:relative;
	left: 2px;	
	float:left;
	height:45px;
	width:45px;
}

.ww-tall-list-item .description
{
	color:#7B7D7B;
}

.ww-tall-list-item:hover .description
{
	color:White;
}

.ww-tall-list-item .time
{
	margin-top: 5px;
	margin-right: 5px;
	text-align:right;
	color:#696969;
}

.ww-tall-list-item:hover .time
{
	color:White;
}



/* ================================================= 
   Inbox Style List
   =================================================*/

.ww-inbox-list
{
	margin:0px;
	padding:0px;	
	font-size: 13pt;
}

.ww-inbox-list-header
{
	background-image: url('../images/listHeader.png');
	height:27px;
	vertical-align:middle;
}

.ww-inbox-list-header:hover
{
	background-color:#2175F7;
	padding-left: 1px;
	margin-left: -1px;
	background-image:none;
}

.ww-inbox-list-header:hover p
{
	color:White;	
}

.ww-inbox-list-header p
{
	color: Black;
	line-height:27px;
	text-align:center;
	margin:0px;
	padding:0px;
}

.ww-inbox-list-item
{
	border-bottom: solid 1px Silver;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 5px;
}

.ww-inbox-list-item:hover
{
	background-color:#2175F7;	
	
}

.ww-inbox-list-item .title
{
	margin-left: 8px;
	color:Black;
	display:inline;
}

.ww-inbox-list-item:hover .title
{
	color:White;	
}

.ww-inbox-list-item img
{
	float:left;
	left: 2px;	
}

.ww-inbox-list-item .description
{
	margin-left: 38px;
	color:#7B7D7B;
	font-size: 12pt;
	overflow:hidden;
}

.ww-inbox-list-item:hover .description
{
	color:White;	
}

.ww-inbox-list-item .time
{
	position:relative;
	float:right;	
	font-size:10pt;
	margin-right: 5px;
	color:#696969;
}

.ww-inbox-list-item:hover .time
{
	color:White;
}

/* ================================================= 
   BBM Bubbles
   =================================================*/

.ww-bbm-bubble-left
{
	margin-left: 8px;
	margin-right:20px;
	position:relative;
	margin-top: 10px;
	font-size: 13pt;
}


.ww-bbm-bubble-left img 
{
	position:relative;
	float:left;
}

.ww-bbm-bubble-left .details
{
	position:relative;
	margin-left:25px;
}

.ww-bbm-bubble-left .top-left {
	margin-right: 9px; 
	height: 9px; 
	background-image: url('../images/bbmBubbles/panelLeft.png');
}
.ww-bbm-bubble-left .top-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px;
	background-image: url('../images/bbmBubbles/panelLeft.png');
}
.ww-bbm-bubble-left .bottom-left {
	margin-right: 18px; 
	background-position: 0 -11px; 
	height: 18px;
	font-size: 2px;
	background-image: url('../images/bbmBubbles/panelLeft.png');
}
.ww-bbm-bubble-left .bottom-right {
	margin-top: -18px; 
	margin-left: 18px; 
	background-position: 100% -11px; 
	height: 18px; 
	font-size: 2px; 
	background-image: url('../images/bbmBubbles/panelLeft.png');
}
.ww-bbm-bubble-left .inside {
	border-left: 1px solid #A5A2A5;
	border-right: 1px solid #A5A2A5;
	background-color: #DEDBDE;
	padding-left: 3px;
	padding-right: 3px;
	overflow:auto;
}
.ww-bbm-bubble-left .nogap {
	margin-top: -3;
	margin-bottom: -3;
	padding-left: 10px;
	padding-right: 10px;
}

.ww-bbm-bubble-right
{
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 20px;
	position:relative;
	font-size: 13pt;
}

.ww-bbm-bubble-right .details
{
	position:relative;
	margin-left:25px;
}

.ww-bbm-bubble-right img 
{
	position:relative;
	float:left;
}

.ww-bbm-bubble-right .top-left {
	margin-right: 9px; 
	height: 9px; 
	background-image: url('../images/bbmBubbles/panelRight.png');
}
.ww-bbm-bubble-right .top-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px;
	background-image: url('../images/bbmBubbles/panelRight.png');
}
.ww-bbm-bubble-right .bottom-left {
	margin-right: 18px; 
	background-position: 0 -11px; 
	height: 18px;
	font-size: 2px;
	background-image: url('../images/bbmBubbles/panelRight.png');
}
.ww-bbm-bubble-right .bottom-right {
	margin-top: -18px; 
	margin-left: 18px; 
	background-position: 100% -11px; 
	height: 18px; 
	font-size: 2px; 
	background-image: url('../images/bbmBubbles/panelRight.png');
}
.ww-bbm-bubble-right .inside {
	border-left: 1px solid #A5A2A5;
	border-right: 1px solid #A5A2A5;
	background: #D6EBF7;
	padding-left: 3px;
	padding-right: 3px;
	overflow:auto;
}
.ww-bbm-bubble-right .nogap {
	margin-top: -3;
	margin-bottom: -3;
	padding-left: 10px;
	padding-right: 10px;
}






.panel-header {
	border-bottom: solid 1px Silver; 
	margin-bottom: 5px; 
	padding-bottom: 3px; 
	font-size: 11pt;
	color: Gray;	
}

.panel-nogap input 
{
	display:inline; 
	float:left;
	font-family: BBAlpha Sans;
	font-size: 16pt;
	border: none;
	padding-top: 0px;
	width: 10px;
}



