﻿.tabHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #525252;
	text-decoration: none;
	font-weight: bold;
	text-align :right;
	padding: 3px 3px 3px 3px;
}

.dsFeatureTable
{
	width: 100%; 
	border: 0px; 
	text-align: left; 
	font-weight: normal;
	color: #666666;
	margin: 10px auto 10px auto;
}

.dsFeatureBody
{
	/*padding: 20px 10px 5px 10px;*/
	padding: 0px 10px 0px 10px;
	vertical-align: top;
}

.dsFeatureBody p
{
	margin: 8px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
}

.dsFeatureBody li
{
	padding: 5px 0px 5px 0px;
}

.dsFeatureBody ul
{
	list-style-image: url("/images/bullet_E8E8E8.png");
}

.dsFeatureHeading
{
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 24px;
}

.dsFeatureSubHeading
{
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.dsImageContainer
{
	background-color: #FFF;
	padding: 3px;
	margin-bottom: 20px;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}

img.dsWhite
{
	border: solid 1px #D8D8D8;
	padding: 3px;
	background-color: #FFF;
}

a.boxedLink, a.boxedLink:visited, a.boxedLink:active
{
	padding: 2px;
	background-color: #EEE;
	border: solid 1px #CCC;
	color: #666;
	text-decoration: none;
	display: block;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

a.boxedLink:hover
{
	background-color: #CCC;
	border-color: #999;
	text-decoration: none;
	color: #000;
	padding: 2px;
}

.dsRangeHR
{
	height: 1px;
	color: #DDD;
	width: 95%;
	margin-top: 30px;
}

.dsDownloadTitle
{
	font-size: 12px;
}

.dsDownloadDesc p, .dsDownloadDesc
{
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight: normal;
}

#pcList
{
	text-align: left;
	margin-top: 10px;
}

#pcDescription
{
	width: 400px; 
	text-align: justify;
}

.centered
{
	text-align: center;
}

.centeredBlockElement
{
	margin: 0px auto 0px auto;
}

#introText
{
	margin: 0px auto 0px auto;
	padding: 20px 10px 20px 10px;
	width: auto;
	display: block;
	text-align: justify;
}

/* download */

.Download 
{
	font-family: Arial;
	font-size: 22px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	padding: 3px 3px 3px 3px;
}

a.Download, a.Download:link, a.Download:visited
{
	font-family: Arial;
	font-size: 22px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	padding: 3px 3px 3px 3px;
}

a.Download:hover
{
	font-family: Arial;
	font-size: 22px;
	color: #666;
	font-weight: normal;
	text-align: right;
	padding: 3px 3px 3px 3px;
	text-decoration: underline;
}

.detailHeader
{
	text-align: right;
	vertical-align: top;
	background-color: #F0F0EE;
}

.detailHeaderBlank
{
	text-align: right;
	vertical-align: top;
}

.topHeaderBlack
{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	background-color: #666;
	color: #FFF;
}

table.gridded
{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin: 5px;
}

table.gridded td
{
	border-width: 1px; 
	border-style: solid;
	padding: 5px;
	border: solid 1px #CCC; /* Needed for Gecko/WebKit browsers; - won't take border values from table.gridded */
}

table.verticalCentred td
{
	vertical-align: middle;
}

.tableHeader
{
	background-color: #EEE;
	padding: 3px;
	font-weight: bold;
	text-align: center;
}

.redText
{
	color: #FF0000;
}

.requiredText
{
	color: #FF0000;
	font-size: medium;
}

table.dsDownload
{
	border: solid 1px #CCC;
	width: 100%;
	background-color: #F5F5F5;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

.changePasswordModal
{
	padding: 10px;
	border: none;
	background-color: #FFF;
}

.msgErr
{
	background-color: #F7CCCD;
	border: solid 1px #CC0000;
	padding: 8px;
	color: #950000;
	display: block;
	margin: 5px;
}

.msgSuccess
{
	background-color: #E1F0C6;
	border: solid 1px #ACD560;
	padding: 8px;
	color: #56741F;
	display: block;
	margin: 5px;
}

.gatewaySection
{
	background-color: #FFF;
	border: solid 1px #BEBEBE;
	margin: 20px 10px 40px 10px;
	padding: 10px;
	overflow: auto; /* Clears the float from the gatewayLogo */
}

.gatewaySection h3
{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 1.4em;
	font-weight: bold;
}

.gatewayLogo
{
	float: right;
	display: block;
	margin-bottom: 10px;
}

.gatewayButtons
{
	clear: both;
	width: 100%;
	border-top: solid 1px #CCC;
	padding-top: 10px;
	margin-top: 10px;
	text-align: right;
}

.textboxUpperCase
{
	text-transform: uppercase;
}

#horvertSignage
{
	margin: 0px auto 0px auto;
	width: 600px;
}

#tblMediaCapabilities
{
	vertical-align: top;
}

#tblMediaCapabilities td
{
	padding: 5px;
}

div.contentseparator
{
	padding: 0;
	margin: 20px 0;
	height: 11px;
	width:100%;
	clear: both;
	background: #FFF url("/images/digital_signage/features/contentdivider.png") no-repeat scroll center;
}

div.contentseparator hr
{
	display: none;
} 

div.userBar
{
	background: #FFF url("/images/digital_signage/features/dsUserBar.png") no-repeat scroll top;
	height: 23px;
	padding: 8px 15px 10px 15px; /*Top Right Bottom Left */
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

div.userBar a:link, div.userBar a:active, div.userBar a
{
	font-size: 11px;
}

div.userBar .loggedIn
{
	float: left;
	width: 299px;
	text-align: left;
}

div.userBar .userControls
{
	float: right;
	width: 380px;
	text-align: right;
}

.popupPanel
{
	border: solid 1px #666;
	padding: 5px;
	background-color: #FFF;
}

/******************** Modal Popup - T&Cs ********************/
.tandcModalPopup
{
	width: 500px;
	height: 400px;
	background-color: #FFF;
	border: solid 1px #333;
	text-align: left;
	margin-top: 5px;
}

.tandcModalPopup .scrollArea
{
	/*width: 480px;
	height: 380px;*/
	overflow: auto;
	text-align: justify;
	padding: 5px;
}

.tandcModalPopup .scrollArea h2
{
	font-size: 16px;
}

a.modalButton
{
	padding: 5px 8px 5px 8px;
	border: solid 1px #999;
	background-color: #EFEFEF;
	text-decoration: none;
	cursor: pointer;
}

a:hover.modalButton
{
	padding: 5px 8px 5px 8px;
	border: solid 1px #666;
	background-color: #DDD;
	text-decoration: none;
	cursor: pointer;
}

.tandcModalPopup #panelButtons
{
	text-align: right;
	padding-bottom: 20px;
}

.ModalBackground
{
	background-color: #CCC;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.connectionsTable td
{
	vertical-align: top;
	padding: 20px 0px 20px 0px;
	border-top: solid 1px #CCC;
}

.connectionsTable h3
{
	font-size: 1.1em;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.adminMoreInfoPopup
{
	width: 900px;
	background-color: #FFF;
	display: block;
	padding: 10px;
}

.adminComparePopup
{
	width: 900px;
	background-color: #FFF;
	display: block;
	padding: 10px;
}

.closeModal
{
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

/******************** Case Study Selection Page ********************/
.csContainer
{
	display: block;
	overflow: hidden;
	padding: 10px;
}

.csLogo
{
	float: right;
}

.csLogoImage
{
	max-height: 80px;
	height: expression(this.height > 80 ? "80px" : true); /* Uses IE's "expression" param to resize as IE does not abide by max-height rule */
}


.csTitle
{
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

.csIntro
{
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-style: normal;
}

.csIntro q
{
	quotes: '"' '"' "'" "'";
	font-style: italic;
}

.csGo
{
	float: right;
	display: block;
	clear: both;
	margin-top: 10px;
}

.awardContainer
{
	display: block;
	overflow: hidden;
	padding: 10px;
}

ul.dsUnorderedList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

#tabContent h2
{
	font-size: 1.2em;
	color: #808285;
	font-weight: bold;
	padding: 0px;
	margin: 4px 0px 8px 0px;
}

#tabContent .twoCol
{
	overflow: hidden;
	display: block;
}

#tabContent .twoCol .colRight
{
	float: right;
	clear: none;
}

#tabContent .twoCol .colLeft
{
	float: left;
	clear: none;
}

#tabContent .productTitle
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 4px 0px 8px 0px;
}

#tabContent #prodBullets ul
{
	list-style: none;
	text-align: left;
	padding: 0px; /* T-R-B-L */
	margin: 0px;
}