/* @override 
	http://localhost:8080/deathray/css/ambient.css
	http://localhost:8888/chameleon/stylesheets/ambient.css
*/

/* global orange: F8941D, grey: 6E6E6E*/

@import url('base.css');

ul.tabs li {
	border: none;
	/* background-image: url('/images/tabs/tab.jpg'); */
}

strong {
	font-weight: bold;
}

body {
	/* For checking vertical alignment */
/*	background-image: url('img/baseline_ref.gif'); */
	margin-top: 0px;
	background-color: #EDEDED;
}

a, #content a {
	color:#6E6E6E;
}

a:hover, #content a:hover {
	color: #000;
}

#header {
	float: left;
	position: relative;
}

#logo {
	height: 76px;
}

#middle {
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	border-color: #C2C2C2;	
	float: left;
	background-color: #FFF;
	width: 798px;
}

#contentwrap {
	float: left;
	width: 100%;
	position: relative;
}

#content {
	float: left;
	position: relative;
	margin: 12px;
	padding: 0;
	width: 536px;
}

#sec_home #nav_home a, 
#sec_devices #nav_devices a,
#sec_catalog #nav_catalog a,
#sec_channels #nav_channels a,
#sec_support #nav_support a,
#sec_register #nav_register a,
#sec_account #nav_account a {
		background: #BBB;		
		border-top-color: #BBB; 
}

.annotation {
	z-index: 1;
	background-color: #fdfe9a;
	padding: 1em;
	border: 1px solid #000;
	width: 300px;
	opacity: 0.25;
	position: absolute; 
	left: 460px; 
}

.annotation:hover {
	opacity: 1.0;
}

a, a:visited {
	color: #00F;
}

a:hover {
	color: #06F;
}

dt {
	font-weight: bold;
	float: left;
	margin-right: 0.5em;
}

dl.settings dt, dl.settings dd {
	display: inline;
}

dl.settings dt {
	font-weight: bold;
	margin-right: .25em;
}

dl.faq dt {
	font-weight: bold;
}

dl.faq div.faq {
	margin-bottom: 1.5em;
}

.summary {
	padding-left: 1em;
}

.device_med {
	float: left;
	width: 160px;
	height: 160px;
	border: 1px solid #CCC;
	background-color: #999;
	color: #FFF;
	margin: 0 1em 1em 0;
	text-align: center;
}

.device_med a {
	display: block;
}

.device_line {
	margin-bottom: 1.5em;
}

.product {
	float: left;
	width: 120px;
	height: 120px;
	border: 1px solid #CCC;
	background-color: #999;
	color: #FFF;
	margin: 0 1em 1em 0;
	text-align: center;
}

.product a {
	display: block;
}

#devicelist {
	float: left;
	width: 100%
}

#devicelist.summary {
	float: none;
}

#device #deviceimage {
	width: 325px;
	height: 295px;
	float: left;
	margin: 0;
}

#devicelist .device {
    float: left;
    width: 45%;
    height: 300px;
	margin: 0 1.5em 1.5em 0;
}

#devicelist .device .deviceimage {
	float: left;
	margin: 0;
}

#devicelist #device #deviceimage {	
	width: 12em;
	height: 12em;
	margin: 0 0 1em 0;
}

#devicelist h2 {
	font-size: 1.2em;
	line-height: 1em
}

#devicelist h3 {
	font-size: 1em;
	line-height: 1em;
}

#devicelist .deviceimage img, .devicelist_tight .deviceimage img {
	width: 225px;
	height: 142px;
}

.devicelist_tight .device {
	float: left;
	width: 45%;
	height: 225px;
    padding: 0 1em 1em 0;
}

#device {
	float: left;
	width: 100%;
}

#device #devicesummary {
	float: left;
	width: 195px;
	font-size: 0.9em;
}

#welcome li, #devicesummary li, #content .devicesummary li {
	line-height: 24px;
}

#welcome li img, #devicesummary li img, #content .devicesummary li img {
	vertical-align: middle;
}

#devicesummary li a, #devicesummary li span, #content .devicesummary li a, #content .devicesummary a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #F8941D;
}

#welcome li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #F8941D;
}

#welcome li a:hover, #devicesummary li a:hover, #content .devicesummary li a:hover, #content .devicesummary a:hover h2 {
	text-decoration: underline;
	color: #F8941D;
}

#devicesummary h2, #content .devicesummary h2 {
	color: #F8941D;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
}

#devicesummary h3, #content .devicesummary h3 {
	color: #999;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

#devicesummary h4, #content .devicesummary h4 {
	border-bottom: 1px solid #000;
}

#device #details {
	clear: both;
}

#message-credits {
	font-size: 1.2em;
	font-weight: bold;
	color: #F8941D;
}

#sidebar .login {
	float: left;
	float: right;
	position: relative;
	width: 200px;	
	border: 1px solid #F8941D;
	background-color: #FEF6E9;
	padding: 12px;
	margin: 12px 12px 12px 0;
}

#sidebar .login legend {
	color: #F8941D;
	font-weight: bold;
	font-size: 1.1em;
}

#sidebar .login li {
	margin: .5em 0 .5em;
}

#footer {
	margin: 1em 0;
	padding: 0;
	width: 100%;
}

#footer #ribbon {
	border-style: solid;
	border-width: 1px;
	border-color: #E7E7E7;
	background-color: #F2F2F2;
	padding: 0.5em;
	height: 1.5em;
}

#footer #ribbon a {
	color: #6E6E6E;
	text-decoration: none;
}

#footer #ribbon a:hover {
	text-decoration: underline;
}

#footer #legal {
	color: #6E6E6E;
	font-size: .9em;	
	margin: 0.5em auto;
	position: relative;
	width: 400px;
}

#footer #legal #copyright {
	float: left;
}

#footer div {
	margin: 0 auto;
}

#footer ul.nav {
	margin-left: 1em;	
}

ul.internal-nav {
	margin: 0.5em 0 4em 1em;
}

#footer ul.nav, #footer ul.nav li, ul.internal-nav li {
	float: left;
}

#footer .nav, .internal-nav { 
	list-style-type:none; 
} 
 
#footer .nav a { 
	padding:  0 1em 0 1em;
	color:#F8941D;
	border-left:1px solid #AFB0B2;  	
}
 
.internal-nav li { 
    padding:  0 0.5em 0 0.5em;
    color: #F8941D;
    border-right: 1px solid #AFB0B2;      
}
 
.internal-nav li.last { 
    border-right: none;      
}

#cap {
	width: 802px;
	height: 26px;
	float: left;
	background: #EDEDED url(../images/footer.gif) no-repeat;
}

h1, h2, h3 {
	color: #F8941D;
	font-weight: bold;
}

/* @group Content Options */

#freecontent {
	float: left;
	width: 240px;
	margin: 0 1em 0 0;
}

#freecontent p {
	width: auto;
}

#freecontent h2, #paycontent h2 {
	font-size: 14px;
}

#paycontent {
	float: left;
	width: 240px;
}

#paycontent p {
	width: auto;
}

.content-option .name {
	font-weight: bold;
}

.counter-good {
	color: green;
}

.counter-warning {
	color: #F8941D;
}

.counter-error {
	color: red;
}

/* @end */