/************************************************************************
 *
 *  Caliber
 *  $Id: mobile.css 439 2009-03-18 13:03:33Z tom $
 *  © 2008 upstruct berlin oslo
 *
 ***************************************************************************/
 
/*
////////////////////////////////////////////////////////////
//
//  Globals
//
////////////////////////////////////////////////////////////
*/
body{
	margin: 0;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	font-family: Helvetica;
	font-size: 14px;
	background-color: #e9e9e9;
}

#frame{
	width: 100%;
	min-height: 440px;
	overflow: hidden;
	background: url(../images/bg-navbar.png) repeat-x;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  TYPO
//
///////////////////////////////////////////////////////////////////////////////////
*/
p, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0px;
}

p{ line-height: 17px; }
h1,h2,h3,h4,h5,h6{ }
h1, h2, h3{ color: rgb(230,66,34); }
h1,h4{ font-size: 17px; }
h2,h5{ font-size: 16px; }
h3,h6{ font-size: 14px; }

a:link,a:hover{ color: rgb(230,66,34); }
a:visited{ color: silver; }


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Navigation bar
//
///////////////////////////////////////////////////////////////////////////////////
*/
#navbar{
	height: 55px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

#navbar .blackLeft{ float: left; left: 6px; width: 35px; }
#navbar .blackRight{ float: right; right: 6px; width:35px; }
#navbar .black{ float: right; right: 6px;}
#navbar .blackLeft,#navbar .blackRight,#navbar .black{ position: relative; top: 4px; }
#navbar .buttons{ position: relative; top: -34px; }

#navbar h1{
	text-align: center;
	padding: 11px 0px 0px;
	font-size: 20px;
	text-shadow: #000 1px -1px 1px;
	margin: 0px;
}

#navbar a{ color: white; }

#menu{
	background: url(../images/overlay-background-90-trans.png);
	position: absolute;
	width:100%;
	z-index:900;
}

#menu a{
	color:white;
	font-weight: bold;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  CONTENT
//
///////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  STACKS
//
///////////////////////////////////////////////////////////////////////////////////
*/
#stacks{ width: 1000px; }

.portrait{ width: 320px; }
.landscape{ width: 480px; }
.portrait .box-rr img, .portrait .box-rr object{ width: 277px; }
.landscape .box-rr img, .landscape .box-rr object{ width: 437px; }

.landscape,.portrait{
	float: left;
}

.box-rr{
	background-color: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: solid 1px rgb(217,217,217);
	padding: 10px;
	margin: 0px 10px 17px 10px;
}

.stack .box-rr p,.stack .box-rr h1,.stack .box-rr h2,.stack .box-rr h3,.stack .box-rr h4,.stack .box-rr h5,.stack .box-rr h6{
	padding: 0px;
}

.box{
	margin: 0px 20px 17px 20px;
}

del,.strike{
	color: silver;
	text-decoration: line-through;
}

ins,.emphasis{
	font-style: italic;
	text-decoration: none;
}


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  LIST Rounded Rectangle
//
///////////////////////////////////////////////////////////////////////////////////
*/
.list-title{ margin-left: 20px; margin-bottom: 10px; }

ul.list-rr {
	padding: 0;
	margin:0 10px 17px 10px;
	font-size: 17px;
	font-weight: normal;
	background-color: white;
	border: solid 1px rgb(217,217,217);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.list-rr li {
	list-style-type: none;	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding: 10px 10px 14px 10px;
}


.list-rr li:first-child { border-top:0; }

.list-rr a {
	display: block;
	padding: 8px 8px 12px 8px;
	margin: -8px -8px -12px -8px;	
	text-decoration: none;
	color:black;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  LIST Edge to edge
//
///////////////////////////////////////////////////////////////////////////////////
*/
ul.list-ee {
	font-size:17px;
	margin: 0;
	padding: 0;
}

.list-ee li{
	list-style-type: none;
	
	border-top-width:1px;                    /*	 Add a line at the top of every cell */
	border-top-color:rgb(217,217,217);
	border-top-style:solid;
	
	padding-top:10px;
	padding-right:10px;
	padding-bottom:14px;
	padding-left:10px;
	
	height:19px;       /* The total cell height includes the padding-top, padding-bottom, border and height values: 10+14+1+19=44 pixels */
	line-height:19px;  /* Ensure that the height of the cell includes the line at the top of the cell  */
}


.list-ee li:first-child{
	border-top:0;   /* Remove the line above the first item of the list */
}


.list-ee a {	
	display: block;  /* Set the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	
	/* The margin properties adjust the size of the href block */
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -8px;	  
	
	text-decoration: none;
	color: black;
}

.showArrow { background: url(../images/chevron.png) no-repeat right; }
.showLoading { background: url(../images/loading.gif) no-repeat right; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  BUTTONS
//
///////////////////////////////////////////////////////////////////////////////////
*/
.button	{	
	display: block;		    
	line-height: 30px;	 
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: center;
	z-index:901;
}

.black{
	margin: 3px auto;
	text-shadow: black 1px 1px 1px;	 
	border-width: 0px 5px 0px 5px;
	-webkit-border-image: url(../images/button.png) 0 5 0 5;
	-moz-border-image: url(../images/button.png) 0 5 0 5;
	
}

.blackLeft {
	margin: 3px auto;
	text-shadow: black 1px 1px 1px;	 
	border-width: 0px 5px 0px 12px;
	-webkit-border-image: url(../images/leftButton.png) 0 5 0 12;
	-moz-border-image: url(../images/leftButton.png) 0 5 0 12;	
}

.blackRight {
	margin: 3px auto;
	text-shadow: black 1px 1px 1px;
	border-width: 0px 12px 0px 5px;
	-webkit-border-image: url(../images/rightButton.png) 0 12 0 5;
	-moz-border-image: url(../images/rightButton.png) 0 12 0 5;
}