/* CSS Document */

/* ------------- GLOBAL CLASSES ----------------- */
body {background-color: #c0c0c0; margin: 0px; padding: 0px;}
h1 { font: bold 18px Verdana; color: #cc0000; margin: 0px 0px 18px 0px; padding: 0px; }
h2 { font: bold 16px Verdana; color: #cc0000; margin: 0px 0px 18px 0px; padding: 0px; }
h3 { font: bold 14px Verdana; color: #666; margin: 0px 0px 18px 0px; padding: 0px; line-height: 18px; }
h4 { font: bold 12px Verdana; color: #cc0000; margin: 0px 0px 5px 0px; padding: 0px }
hr { margin: 0px 0px 12px 0px; padding: 0px; color: #FFF; border-bottom: 1px solid #CCC; }
td, tr { font: 12px Verdana; color: #666; line-height: 16px; }
sup { font-size: 10px; font-weight: bold;}
fieldset { width: 150px; border: 1px solid #999; padding: 10px; }
legend { font: bold 11px Verdana; color: #cc0000;}
label { font: bold 10px Verdana; color: #cc0000; line-height: 18px;}
td#right { font: bold 10px Verdana; color: #cc0000; line-height: 18px; text-align: right;}
label a { font: normal 10px Verdana; }
a:link { font: Verdana; color: #0000cc; text-decoration: underline; }
a:visited { font: Verdana; color: #0000cc; text-decoration: underline; }
a:hover { font: Verdana; color: #cc0000; text-decoration: underline; }
a:active { font: Verdana; color: #cc0000; text-decoration: underline; }

/* ------------- ID TAGS ----------------- */
#float_right { float: right;}
#float_left { float: left;}
#float_pad {float: right; margin: 0px 15px 15px 20px;}
#eleven_left {margin-left: 11px;}
#grey { color: #666;}
#red { color: #cc0000;}
#mini { font: 10px Verdana; line-height: 16px;}
.clear { clear: both;}
#align_left {text-align: left; padding: 0px 6px;}
#login { font: 11px Arial; color: #666; padding-left: 15px; padding-top: 3px;}
#login em { font: normal 11px Arial; color: #CC3300;}
#error { width: 400px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #930000; line-height: normal; font-weight: bold; background-color: #FFD5D5; border: 1px dotted #930000; padding: 5px; margin: 0px 0px 12px 0px; }
#success { width: 400px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #2A8A00; line-height: normal; font-weight: bold; background-color: #E2FFD5; border: 1px dotted #2A8A00; padding: 5px; margin: 0px 0px 12px 0px; }

/* ------------- HEADER CLASSES ----------------- */
div.center { width: 955px; border-right: 1px solid #333; border-left: 1px solid #333; margin: 0px auto; background-color: #FFFFFF; padding: 0px;}
table.header { width: 900px; background-color: #fff;}
td.login { font: 11px Verdana; color: #999; text-align: right; padding: 3px 46px 0px 0px;}
td.login a:link, td.login a:visited, td.login a:active { font: 11px Verdana; color: #CC3300; text-decoration: none;}
td.login a:hover { text-decoration: underline;}
td.header strong { font: bold 12px Verdana; color: #000;}
td.header { text-align: right; padding-right: 18px;}
td.header table label { font: 10px Verdana; color: #999;}
input.sitesearch { font: 11px Verdana; color: #333; border: 1px solid #CCC; margin-right: 10px; width: 200px;}
textarea.sitesearch { font: 11px Verdana; color: #333; border: 1px solid #CCC; margin-right: 10px; width: 250px;}
input.button { background-color: #CC3300; font: bold 10px Verdana; color: #fff; border: 1px solid #993300; cursor: hand; border-style: inset;}

/* ------------- MAIN NAV CLASSES ----------------- */
table.menu { width: 955px; height: 61px; background-image: url(images/bg_menu.gif); background-repeat: repeat-x; border-bottom: 1px solid #DDD; }
/* ---- ALL EDITABLE STYLES FOR THE MENU ARE FOUND IN THE "menu_data.js" FILE ----*/

/* ---- SIDEBAR NAVIGATION CLASSES ----*/
table.sidebarnav { width: 255px;}
table.products {float: left; background-color: #666666;}
table.products td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.temperature {float: left; background-color: #ebebeb;}
table.temperature td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.echelon {float: left; background-color: #ebebeb;}
table.echelon td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.security {float: left; background-color: #ebebeb;}
table.security td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.cctv {float: left; background-color: #ebebeb;}
table.cctv td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.fire {float: left; background-color: #ebebeb;}
table.fire td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.sound {float: left; background-color: #ebebeb;}
table.sound td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.universal {float: left; background-color: #ebebeb;}
table.universal td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.home {float: left; background-color: #ebebeb;}
table.home td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.special {float: left; background-color: #ebebeb;}
table.special td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.structured {float: left; background-color: #ebebeb;}
table.structured td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.other {float: left; background-color: #ebebeb;}
table.other td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.devices {float: left; background-color: #ebebeb;}
table.devices td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
table.account {float: left; background-color: #666666;}
table.account td { width: 255px; border-top: 1px solid #ccc; padding: 8px 8px 8px 12px;}
td#firstheight { padding: 10px 12px;}
a#firstlevel { text-decoration: none; font: 11px Verdana; color: #000; width: 231px; display: block;}
a:hover#firstlevel { text-decoration: none; font: 11px Verdana; color: #FFF; width: 231px; display: block;}
a#firstlevelon { text-decoration: none; font: 11px Verdana; color: #FFF; width: 231px; display: block;}
a#loggedin { text-decoration: none; font: bold 11px Verdana; color: #FFF; width: 231px; display: block;}
a#secondlevel {text-decoration: none; font: 11px Verdana; color: #000; width: 231px; display: block;}
tr#sub { background-color: #FFF;}
td#sub { padding: 5px 12px;}
tr.vertical { background-color: #ebebeb; width: 255px; }
td.sidebar {text-align: left; padding: 12px; font: 10px Verdana; color: #000;}
td.sidebar strong {font: bold 12px Verdana; color: #000;}
td.side { width: 255px; background-color: #ebebeb; border-right: 1px solid #ccc;}
/* 
td.sidebarnav {text-align: left; border-top: 1px solid #ccc; }
td.sidebarnav a:link { width: 231px; display: block; font: 11px Verdana, sans-serif; color: #000; text-decoration: none;}
td.sidebarnav a:visited { width: 231px; display: block; font: 11px Verdana, sans-serif; color: #000; text-decoration: none;}
td.sidebarnav a:hover { width: 231px; display: block; font: 11px Verdana, sans-serif; color: #FFF; text-decoration: none;}
td.sidebarnav a:active { width: 231px; display: block; font: 11px Verdana, sans-serif; color: #000; text-decoration: none; }
td.sidebarnav table { width: 255px; clear: both; display: block; margin: 0px;}
td.sidebarnav table td { padding: 5px 12px;}
td.sidebar {text-align: left; padding: 12px; font: 10px Verdana; color: #000;}
td.sidebar strong {font: bold 12px Verdana; color: #000;}
td.side { width: 255px; background-color: #ebebeb; border-right: 1px solid #ccc; }*/

input.search {font: 11px Verdana; color: #333; border: 1px solid #333; margin-right: 10px;}
input.button {background-color: #CC3300; font: bold 10px Verdana; color: #fff; border: 1px solid #993300; cursor: hand; border-style: inset;}

/* ------------- CONTENT CLASSES ----------------- */
td.main { width: 640px; padding: 18px 30px;}
.style1 {color: #CC0000}
.style2 {color: #666666}
.style3 {color: #CC3300; font-weight: bold;}

td.linecard { width: 324px;}
td.linecard img { float: left; margin-right: 6px;}
td.linecard strong { color: #666; font: bold 12px Verdana; }
td.linecard ul { margin: 0px; padding: 0px; list-style-type: none; }
td.linecard ul li {font: 11px Verdana; line-height: 17px; }
td.linecard ul li strong { font: bold 12px Verdana; color: #CC3300;}

td.content { font: 12px Verdana; color: #666; line-height: 16px; padding: 0; background-color: #FFF;}
td.content p { margin: 0px 0px 20px 0px; padding: 0px; }
td.content ul { margin: 0px 0px 20px 0px ; padding: 1px 0px; list-style-type: none;}
td.content ul li {line-height: 17px;}
td.content ol li { padding: 0px 0px 8px 0px;}
td.content blockquote ul li{ margin: 5px 10px 10px 30px;}
td.content ul li strong { font: bold 12px Arial; color: #CC3300;}
ul ul#request {list-style-type: none; margin: 5px 20px; padding: 10px; background-color: #EEE;}
ul ul#request li {margin: 4px 6px; font: 11px Verdana; color: #999;}

td.news { font: 12px Verdana; color: #666; line-height: 16px; width: 235px; border-left: 1px solid #999; padding: 0px 20px;}
td.news p {margin: 0px 0px 0px 0px ; padding: 0px;}
td.news hr {margin: 8px 0px; padding: 0px;}
td.news strong { font: bold 11px Verdana; color: #CC0000; }

td.prhead { font: bold 11px Verdana; color: #CC0000; line-height: 12px; text-align: right; padding: 4px 15px 0px 0px;}
td.pr p{ font: 12px Verdana; color: #666; line-height: 16px; padding-right: 15px;}
td.pr h2 { font: bold 12px Verdana; color: #666; line-height: 16px; }
ul#pr { list-style-type: disc; margin: 30px;}

table.caption { float: right; margin: 0px 0px 20px 20px; }
td.caption { font: 9px Verdana; color: #336699; line-height: 12px; padding-top: 8px; font-stretch: semi-expanded;}

table.spec { border: 1px solid #999; border-collapse: collapse; margin-right: 10px;}
tr.spec { background-color: #FFF; }
tr.specwhite { background-color: #FFF; }
tr.spec td, tr.specwhite td{ padding: 3px; font: 10px Verdana; color: #333; text-align: center; line-height: 13px;}
tr.spec td a, tr.specwhite td a { font: 10px Verdana;}
tr.specheader { background-color: #ccc;}
tr.specheader td{ font: 11px Verdana; color: #000; text-align: center; padding: 3px;}

table.chart { border-top: 1px solid #666; }
td.chart { font: 11px Verdana; color: #666; line-height: 13px;}
td.chart strong { font: bold 11px Verdana; color: #666; line-height: 12px;}
td.chart em { font-style: normal; color: #cc0000;}
td.chart2 { font: 11px Verdana; color: #666; line-height: 13px;}
td.chart2 strong { font: bold 11px Verdana; color: #666; line-height: 12px;}
td.chart2 em { font-style: normal; color: #cc0000;}
td.chart2 ul {margin: 8px 0 10px 25px; padding: 0; list-style-type: disc;}

#yellow2 {border: 1px solid #999; background-color: #ffd940; padding: 17px; font-weight: bold}
td#rub { font: 10px Verdana; padding-right: 10px; padding-top: 10px; line-height: 12px;}
td#rub a#rub { font: 10px Verdana; }
td#rub strong a#rub { font: bold 12px Verdana; color: #CC3300; }

td.palooza { border-left: 1px solid #CCC; border-right: 1px solid #CCC; }

h1.h1special { font: bold 17px Verdana; color: #cc0000; margin: 0px 0px 18px 0px; padding: 0px; }
table.indexvideo { height: 320px; }
table.indexvideo td h3 { font: bold 18px Verdana; color: #CC0000; margin: 12px 0px 8px 0px; padding: 0px; line-height: 18px; }
table.indexvideo td a { padding-right: 4px; }
/* ------------- FOOTER CLASSES ----------------- */
td.footertop { background-color: #FFF; background-image: url(images/bg_footertop.gif); background-position: left; background-repeat: repeat-y; padding: 10px 10px 15px 285px;}
a#footertop { font: 11px Verdana; color: #0000cc; text-decoration: underline; }
table.footer {background-color: #666; width: 955px; }
td.footer {padding: 15px 15px 25px 285px; line-height: 18px; font: 11px Verdana; color: #FFF;}

.topline { border-top: 1px solid #999; }
.q1 a {  padding-left: 17px; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #000;}

h3.video, h3.photos { display: block; width: 638px; border-bottom: 1px solid #999; }
h3.photos { clear: both; margin: 18px 0 0 0; }
.thumbs { display: block; width: 120px; height: 90px; margin: 8px 8px 16px 0; float: left; clear: none; }

.arrowcontrols .textdisplay { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

.arrowcontrols .previous { display: block; width: 100px; height: 20px; background: url(images/previous.gif) no-repeat left top; cursor: pointer; text-indent: -9999px; }
.arrowcontrols div { float: right; }
.arrowcontrols .nextone  { display: block; width: 100px; height: 20px; background: url(images/next.gif) no-repeat left top; cursor: pointer; text-indent: -9999px; }

.arrowcontrols .previous:hover { display: block; width: 100px; height: 20px; background: url(images/previous-hover.gif) no-repeat left top; cursor: pointer; text-decoration: none}
.arrowcontrols .nextone:hover  { display: block; width: 100px; height: 20px; background: url(images/next-hover.gif) no-repeat left top; cursor: pointer; text-decoration: none}

/* Survey - Added Jan 7, 2010 */
.surveycontent { width: 816px; margin: 0 auto; }
.chartcontainer { width: 840px; height: 503px; margin: 24px auto; background: url(/images/bg-chartcontainer.jpg) no-repeat center top;}
.chartinformation { width: 720px; margin: 0 auto; padding: 51px 0 0; }
.chartimagecontent { width: 720px; height: 326px; background: url(/images/number-line.gif) no-repeat bottom center; margin: 0 auto; }
.chartimagecontent h2 { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #cc0000; margin: 0; padding:0; height: 30px; }
.chartimagecontent h3 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 0 16px 16px; padding:0 0 3px; }
.chartimagecontent .agree { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #cc0000; margin: 0 0 0 38px; padding:0; }
.chartimagecontent img { width: 700px; height: 215px; margin: 0 10px; }
.numberrow { width: 700px; height: 33px; padding-right: 20px; margin: 0 auto; }
.questionnumbers { overflow: hidden; width: auto; float: right; height: 33px; margin:0; padding:0; list-style: none; }
.questionnumbers li { width: 29px; height: 33px; float: left; text-align: center; }
.questionnumbers li a { text-decoration: none; padding-top: 9px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.questionnumbers li a:link, .questionnumbers li a:visited { display: block; cursor: pointer; width: 29px; height: 24px; color: #868686; text-align: center; }
.questionnumbers li a:hover, .questionnumbers li a:active { display: block; cursor: pointer; width: 29px; height: 24px; background: url(/images/bg-number.gif) no-repeat left top; color: #333; text-align: center; }
.questionnumbers li a.selected, .questionnumbers li a.selected:hover { background: url(/images/bg-selected.gif) no-repeat left top; color: #fff; }
.question { margin:0; padding:0; }
.question li { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 36px; padding:0 0 3px; }
.questionsummary { float: right; width: 280px; padding: 50px  20px  20px;font: bold 11px Arial, Helvetica, sans-serif; color: #777; }
.questionsummary li { margin-bottom: 4px; }