/**
 * Copyright 2008 NDSL Cellwatch
 * All rights reserved.
 * 
 * The page layout table contains a cell with ID #main.
 * This holds the sub-page content (and home page content).
 * 
 * An object will have a class .contentitem if it either the
 * sole item on a page (i.e. article view) or if it is one of
 * many items in a list (so there may be many content items 
 * per page).
 * 
 * A custom layout may have class .contentpage.
 * It will have access to H1, H2, and H3 as used in CMS
 * generated content, but will not have the left hand margin 
 * of a CMS page.
 * 
 * The .content class can be used to designed items which should
 * have a common left justification.
 * 
 * Light blue background shading: #e8f1f6
 * Dark blue used in titles: #171f5d
 * 
 */
/* Redefined styles removed by YUI */ 
BLOCKQUOTE{
	margin-left:20px;
}
/* End redefine */
a{
	color:#1b2575;
}
html, body{
	background-color:#cccccc;
}
.page-table{
	margin:auto;
	border:1px solid #666666;
}
.banner-top{
	height:56px;
	background:#03061d url(../img/banner-bg.jpg) top repeat-x;
}
.banner-top #cellwatch-logo{
	margin:5px 0 0 5px;
}
.banner-nav{
	height:24px;
	background:#d3e6ef url(../img/banner-nav-bg.jpg) top repeat-x;
	font-size:85%;
}
#banner-search{
}
#language-choice{
	color:white;
	font-size:85%;
	letter-spacing:0.5ex;
	float:right;
	margin:2px 3px 0 0;
}
#language-choice a{
	text-decoration:none;
	color:white;
	letter-spacing:0.1ex;
}
#language-choice .active{
	color:#ffce00;
	font-weight:bold;
}
.breadcrumbs{
	color:#5f5f5f;
	float:left;
	padding:3px;
}
.breadcrumbs #active{
	font-weight:bold;
	color:#1d1f36;
}
.topmenu{
	float:right;
	}
.topmenu a{
	float:left;
	padding:3px;
}
#page-footer{
	background:#040828 url(../img/footer-text-right.gif) top right no-repeat;
}
.zh #page-footer{
	background:#040828 url(../img/zh/footer-text-right.gif) top right no-repeat;
}
/**
 * Drop down menu
 */
#nav{
	float: right;
}
#nav, #nav ul {
	/* width: 36em; */
	/* margin-left:5em; */
	list-style: none;
	line-height: 1.5em;	/* fixes horizontal position bug in IE/FF */
	font-weight:bold;
	/* background: white; */
	padding: 0;
	/* border: solid #eda;
	border-width: 1px 0; */
}
#nav ul{
	background:#f6f6f6;
	font-size:12px;
}

#nav a {
	display: block;
	/* width: 2em; */
	/* w\idth: 6em; */
	text-decoration: none;
	/* padding: 0 2em; */
}
#nav ul li a{
	padding: 0.4em 1.2em;
}
#nav a.parent {
	background: url(/elements/menus/dropdown/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	/* width: 10em; */
	margin-right:3em;
}

#nav li ul {
	line-height: 1.2em; /* fixes horizontal position bug in IE/FF */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border:1px solid #666666;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	/* padding-right: 1em; */
	/* width: 12em;
	w\idth: 9em; */
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav ul li:hover, #nav ul li.sfhover {
	background: #dddddd;
}
/**
 * Main content area
 */
#main STRONG{
	font-weight:bold;
}
#main{
	padding-bottom:30px;
}
#main .contentitem#item{
}
#main .contentitem#item .date{
	display:none;
}
#main .contentitem#item H1, #main .contentpage H1{
	color:white;
	padding-top:0.6em;
	padding-left:5px;
	background:#666666 url(/themes/public/cellwatch/img/title-bg.gif) top right no-repeat;
	display:block;
	/* height:3em; */
	font-size:197%;
}
#main .contentpage .content{
	margin-top:2em;
}
/**
 * @todo Make this the default H2 style then adjust
 * for other sub-pages
 */
H2, #main .contentitem#item H2, #main .contentpage H2, #factsheet H2{
	color:#2e2e5f;
	font-size:138.5%;
}

/**
 * The content class within a custom #page layout
 * allows the body to have contstant left margin
 */
.contentpage .content{
	margin-left:15px;
}


/** 'wrapper' class designates items within main content pane, not right column **/
#main .contentitem#item .content{
	width:600px;
	padding-left:70px;
	margin-top:25px;
}
/** PATCH: To pull H2 left **/

#main .contentitem#item .content .intro, #main .contentitem#item .content .body{
	
	/* text-align:justify; */
	line-height:1.8em;
}
#main .contentitem#item .content .intro{
	margin-top:20px;
}
.contentitem .content ul{
	margin:1.33em 0;
	margin-left:40px;
}
.contentitem .content li{
	display:list-item;
	list-style:disc;
}
/**
 * Attached images
 */
#main #attached-images{
	float:right;
	margin:10px;
}
#main #attached-images .caption{
	font-size:85%;
	color:#171f5d;
	font-weight:bold;
}
/**
 * Standard article text
 * 
 * The bodytext class should be applied to the text 
 * cells (or DIVS) in custom layouts.
 */
.bodytext{
	line-height:1.6em;
}
.bodytext P{
	margin:0.67em 0;
}
.bodytext STRONG{
	font-weight:bold;
}
.caption{
	font-size:85%;
	font-weight:bold;
	color:#1d2052;
	line-height:1.6em;
}
/**
 * Apply small text to link lists, captions, etc.
 */
.smalltext{
	font-size:85%;
	line-height:1.5em;
}
/**
 * Table for used for layout.
 * 
 * Cells are top aligned, line height applied,
 * and padding
 */
TABLE.layout TD{
	padding:5px;
	line-height:1.5em;
}

/**
 * Right col
 */
#right{
	width:180px;
	float:right;
	margin-right:2px; /** FIX: Stops borders overflowing to right **/
	margin-top:50px;
}
#right .nugget{
	margin-top:2em;	
}
#right .nugget .hd{
	font-size:123.1%;
	font-weight:bold;
	color:#171f5d;
	border-top:4px solid #d3e6ef;
	padding:4px;
}
#right .nugget .bd{
	font-size:85%;
	line-height:1.8em;
	margin-left:4px;
}
#right .contentitem{
	margin:0 5px 2em 0;
}
#right .intro{
	color:#6d6d6d;
}
#right A.title{
	font-weight:bold;
	color:#0b1046;
}

/**
 * Tool tips
 */
.tool-tip{
	border:1px solid #909090;
	background-color:#f0edca;
	font-weight:normal;
	padding:5px;
	line-height:1.5em;
	width:200px;
}
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #666666;
	padding: 4px 0px;
}

.toolTipLink{
	text-decoration:none;
	border-bottom:1px dashed #999999;
}

/****************** GALLERY ********************/
#gallery .content{
	width:700px;
}
#gallery .contentitem{
	width:200px;
	margin:10px;
	float:left;
	border:1px solid silver;
	font-size:85%;
	text-align:center;
	height:250px;
}
#gallery .contentitem .hd{
	font-weight:bold;
	color:#171f5d;
	padding:5px 0;
}

#gallery .contentitem .ft{
	width:150px;
	margin:0 auto;
	padding:5px;
	color:#666666;
}
 
/******************* HOME ***********************/
#home H2{
	font-size:123.1%;
	font-weight:bold;
}
#home #top-banner{
	background:url(/themes/public/cellwatch/img/home/banner-home.jpg) top left no-repeat;
	height:156px;
}
/* i.e. Corporate, Products, Support */
#home #top-banner-table H2{
	margin-left:5px;
	margin-bottom:2px;
}
#home .column{
	width:90%;
	margin:5px;
	padding:5px;
	border:1px solid #d0cfcf;
	font-size:85%;
	color:#0d1834;
	
}
#home .column P{
	text-align:justify;
	line-height:1.8em;
	margin:.5em 1em;
}
#home .column .wrapper{
	height:360px;
}
#home .column .links-wrapper{
	height:150px;
}
#home .column#corporate {
	background-color:#e9edf2; 
}
#home .column#products { 
	background-color:#dcdfe4;
}	
#home .column#support { 
	background-color:#e0ebf8; 
}

#home #right-nugget{
	
	width:100%;
	
	min-height:50px;
	background:#e3e2e2 url(../img/home/home-rt-bl.gif) bottom left no-repeat;
}
#home #right-nugget H3{
	font-size:153.9%;
}
#home #right-nugget .title{
	font-weight:bold;
}
#home #right-nugget .date{
	display:none;
}

#home #right-nugget .intro{
	line-height:1.8em;
	font-size:85%;
	color:#343434;
	margin:.5em 3em 1em 1em;
	text-align:justify;
}
/**
 * SiteManager general font layout
 */

/*
.contentitem H1{
	margin: .67em 0;
	font-size:123.1%;
	font-weight:bold;
}
*/
.contentitem H1, .contentitem H2, .contentitem H3{
	clear:left;
}
.contentitem H2{
	margin: .75em 0;
}
.contentitem H3, .contentpage H3{
	color:#063d6d;
	font-size:108%;
	font-weight:bold;
}
.contentitem H3{
	margin: .83em 0;
}


/**
 * Support (knowledge base)
 */ 
.contentpage#support .content{
	
}
.contentpage#support .content H1{
	margin:0.67em 0px;
	padding:0px;
	color:#063d6d;
	font-size:167%;
	background:none;
	
}
.contentpage#support H2{
	color:#063d6d;
	font-weight:bold;
	margin:.8em 0;
	font-size:123.1%;
}
.contentpage#support H3{
	color:#063d6d;
	margin:.8em 0;
	font-size:108%;
}
.contentpage#support .body TH, .contentpage#support .body STRONG{
	font-weight:bold;
}
.contentpage#support .body TH{
	background:#e8f1f6;
}
.contentpage#support .body TH,.contentpage#support .body TD{
	padding:4px;
}
.contentpage#support .content .nugget H3{
	margin-left:15px;
	font-weight:normal;
}
/**
 * How to contact NDSL, shown on the bottom of 
 * most contact pages
 */
#inner-footer{
	margin:10em 0 5em 0;
}
#inner-footer TH, #inner-footer TD{
	font-size:123.1%;
	color:#434343;
	padding:5px 15px;
	margin-left:10px;
}
#inner-footer TH{
	font-weight:bold;
}
/**
 * Support content item
 * (may be the same as a regular content item)
 */
.contentpage#support .contentitem .intro H1, .contentpage#support .contentitem .body H1{
	background:none;
	color:#063d6d;
	font-weight:normal;
	font-size:123.1%;
	font-weight:bold;
}
.contentpage#support .contentitem .intro H2, .contentpage#support .contentitem .body H2{
	letter-spacing:0.025ex;
	font-size:108%;
	color:#063d6d;
	font-weight:normal;
	font-style:italic;
}

.contentpage#support small strong{
	color:#000000;
	font-weight:bold;
}
.contentpage#support small{
	font-size:85%;
	color:#696969;
}
.contentpage#support .intro{
	font-size:85%;
	color:#666666;
	line-height:1.5em;
	width:85%;
	text-align:justify;
}
.contentpage#support .contentitem .intro{
	font-weight:bold;
	color:#063d6d;
}
.contentpage#support .contentitem .body{
	margin:1em 0 0 0;
}
/**
 * Page containing search results
 */
.contentpage#support .contentitem{
	line-height:1.5em;
}
#search-results .alert{
	margin:2em 0;
}
#search-results H2{
	font-size:153.9%;	
}
#search-results H2 EM{
	color:#595959;
}
#search-results .contentitem{
	margin:1em 0 2em 0;
}
#search-results H3{
	color:#315677;
	text-decoration:underline;
	font-size:108%;
	margin-bottom:0px;
}
#search-results .intro{
	
}

.contentpage#support #search-box{
	background-color:#011d35;
	width:525px;
	color:white;
	font-size:123.1%;
	font-weight:bold;
}
.contentpage#support #search-box INPUT{
	background-color:#e3e6e9;
	color:#989797;
	padding:5px;
}
.contentpage#support #search-box .top{
	width:100%;
	background:url(/themes/public/cellwatch/img/kb/search-bg-top.gif) top left no-repeat;
	height:15px;
}
.contentpage#support #search-box .bottom{
	width:100%;
	background:url(/themes/public/cellwatch/img/kb/search-bg-bottom.gif) bottom left no-repeat;
	height:15px;
}

/**
 * Support menu
 */
/*
.contentpage#support H1{
	background:url('/themes/public/cellwatch/img/title-batts-bg.jpg') top left no-repeat;
}
*/
.contentpage#support .leftmenu a{
	display:block;
	margin-left:20px;
	margin-right:10px;
	padding:5px;
}
.contentpage#support .leftmenu .level2{
	margin-left:40px;
}

.alert 
{
	border: 1px solid #999999; 
	background-color:#DADFED; 
	padding:15px; width: 65%; 
}
.error, .error_message, .form_error_message	
{
	border: 1px solid #999999; 
	background-color:#F4E0E2; 
	padding:5px; 
	margin:5px 0px;
	width: 65%; 
	color:#AD0F1E;
	font-size:85%;
	font-weight:bold;
}
/**
 * Support Live Search feature
 */
#livesearch-results{
	background-color:#f0edca;
	border:1px solid #999999;
	width:300px;
	height:0px;
	position:absolute;
	top:200px;
	left:500px;
	visibility:hidden;
}
#livesearch-results .result{
	padding:10px;
	display:block;
}
#livesearch-results #close{
	font-size:85%;
	font-weight:bold;
	text-align:right;
}
#livesearch-results a.result:hover{
	background-color:#cccccc;
}

/**
 * Page: Factsheet (from brochure)
 */
#factsheet{
	margin-left:15px;
	width:700px;
}
#factsheet .details{
	background-color:#fff3c8;
	padding:5px 30px 15px 0;
	margin:10px 25px 15px 15px;
	display:none;
}
#factsheet .details TH, #factsheet .details TD{
	vertical-align:top;
}
#factsheet .details TH{
	font-weight:bold;
	width:10em;
}
#factsheet .details TD{
	width:20em;
}
#factsheet .contentitem H2{
	padding:2em 0 1em 120px;
	height:35px;
}
#factsheet .component-wrapper{
	margin-left:115px;
	margin-top:-20px;
	color:#102a4c;
}
#factsheet .details H3{
	font-size:108%;
	margin-left:15px;
}
#factsheet .details P{
	margin-left:30px;
	font-size:85%;
	line-height:1.8em;
}

#factsheet .component-summary{
	padding:1em 4em 1em 0.5em;
	line-height:1.6em;
}

#factsheet a.toggleDetails{
	padding-left:15px;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
}
#factsheet a.toggleDetails{
	background:url('/themes/public/cellwatch/img/icons/expand.gif') left 4px no-repeat;
}
#factsheet a.collapsed{
	/* background:url('/themes/public/cellwatch/img/icons/expand.gif') left 4px no-repeat; */
}
#factsheet a.expanded{
	background:url('/themes/public/cellwatch/img/icons/collapse.gif') left 4px no-repeat;
}
#factsheet .contentitem{
	margin-left:15px;
	background:url('/themes/public/cellwatch/img/products/factsheet/factsheet-bg.gif') top repeat-x;
}

#factsheet #bmu H2{
	background:url('/themes/public/cellwatch/img/products/factsheet/component-bmu.png') top left no-repeat;
}
#factsheet #cu H2{
	background:url('/themes/public/cellwatch/img/products/factsheet/component-cu.png') top left no-repeat;
}
#factsheet #dcm H2{
	background:url('/themes/public/cellwatch/img/products/factsheet/component-dcm.png') top left no-repeat;
}
#factsheet #genset H2{
	background:url('/themes/public/cellwatch/img/products/factsheet/component-genset.png') top left no-repeat;
}
/** CELLWATCH PAGES **/
#what-is-cellwatch H2.subheading{
	font-size:167%;
	background:url('/content/Image/cellwatch/what-is-cellwatch/title-bg.jpg') top left no-repeat;
	padding:0.6em 20em 0.6em 5px;
	color:white;
}
#what-is-cellwatch .content H2{
	margin:50px 0 10px 0;
}
#benefits-of-daily-battery-monitoring{
	background:url('/content/Image/cellwatch/benefits/background.jpg') top left no-repeat;
}
#benefits-of-daily-battery-monitoring .content{
	margin-left:100px;
}
#adobe-download{
	height:3em;
	background:url('/content/Image/logos/adobe.gif') left center no-repeat;
	padding-left:55px;
	margin:0 0 4em 0;
}
#adobe-download STRONG{
	font-weight:bold;
	color:#676565;
}
#adobe-download a{
	color:#213867;
}
#contact_form TH{
	font-size:108%;
	font-weight:bold;
	color:#262940;
}
#contact_form TH, #contact_form TD{
	padding:5px;
}