﻿/******* Main Navigation *******/

html, body {
	background-color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	min-height: 750px;
    height: 750px;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 14px 0 0 0;
}

h2 {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 6px 0 0 0;
}

h3 {
    color: #000;
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0;
}

h4 {
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

p {
	margin: 5px 0 0 0;
}

a:link, a:visited {
    color: #6C6A4E;
    text-decoration: underline;
}

a:hover {
    color: #772432;
}

.button, .button-gray, .button-delete {
	border: solid 1px #000;
	cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
    overflow: visible;
    width: auto;
}

.button, .button-delete {
    color: #FFF;
}

.button-gray {
    color: #000;
}

#content-pane {
    margin-left: 0;
    width: 1090px;
}

#content {
    background: #FFF;
    background-repeat: no-repeat;
    color: #626262;
    min-height: 750px;
    /*height: 750px;*/
    padding-left: 40px;
    width: 972px;
}

.criteria {
    display: none;
}

.print {
    display: none;
}

/******* Main Navigation *******/

.navigation {
    display: none;
}


/******* Left Navigation *******/

#logo {
    display: block;
}

#left-pane {
    display: none;
}


/******* Footer *******/

#footer {
	 display: none;
}


/******* Main Content *******/

.back {
	background-color: #665446;
	margin: 15px 20px 0 0;
	padding: 3px 8px;
	text-align: center;
	width: 40px;
	float: right;
}

.back a:link,.back a:visited {
	color: #FFF;
	text-decoration: none;
}

#block {
	margin: 0 auto;
	/*padding-top: 140px;*/
	width: 350px;
}

#block-content {
    border: 1px solid #000;
}

#block-spacer {
    padding-top: 140px;
}

.contact {
	margin-top: 20px;
	width: 800px;
}

#corporate a:link, #corporate a:visited {
    color: #FFF;
    text-decoration: none;
}

#corporate a:hover {
    text-decoration: underline;
}

#downloads {
    margin: 260px 0 0 280px;   
}

#downloads ul li a:link, #downloads ul li a:visited,
#scenarios a:link, #scenarios a:visited {
    color: #000;
    text-decoration: none;
}

#downloads ul li a:hover,
#scenarios a:hover {
    text-decoration: underline;
}

.download-maps {
    background: #FFF;
    font-size: 9px;
    height: 55px;
    margin-left: 10px;
    position: absolute;
    top: 670px;
    width: 150px;
}

.header {
    /*-moz-border-radius-topleft: 14px;
	-moz-border-radius-topright: 14px;
	-webkit-border-radius-topleft: 14px;
	-webkit-border-radius-topright: 14px;
	-khtml-border-radius-topleft: 14px;
	-khtml-border-radius-topright: 14px;
	border-radius-topleft: 14px;
	border-radius-topright: 14px;*/
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0;
	text-align: center;
	margin-top: 0;
}

.footer {
	/*-moz-border-radius-bottomleft: 14px;
	-moz-border-radius-bottomright: 14px;
	-webkit-border-radius-bottomleft: 14px;
	-webkit-border-radius-bottomright: 14px;
	-khtml-border-radius-bottomleft: 14px;
	-khtml-border-radius-bottomright: 14px;
	border-radius-bottomleft: 14px;
	border-radius-bottomright: 14px;*/
}

.header, .footer, .confirm-header {
	background-color: #E60D2E;
	color: #FFF;    
}

.header, .confirm-header {
    border-bottom: solid 1px #E60D2E;
}

.footer {
	border-top: solid 1px #E60D2E;
}

.filter {
   height: 22px;
   margin-bottom: 10px;
   padding: 3px 5px;
}

.filter-label {
    float: left;
    font-size: 10px;
    margin-right: 5px;
    padding-top: 3px;
}

.media {
    width: 460px;   
}

#operations-text {
     padding: 20px;
     margin: 0 auto;
     text-align: center;
     width: 650px;
}

.privacy, .terms {
	margin: 20px 50px 0 50px;
}

#program-header {
    margin-left: 20px;
}

.sign-in-row {
	line-height: 20px;
	padding: 2px !important;
	padding: 1px;
}

.videos, .support {
    float: left;
    width: 450px;
}

.videos ul li ul {
    list-style-type: none;
}

.videos span {
    color: #FFF;
    text-decoration: underline;
}

.videos, li {    
    color: #000;
    margin-top :3px;
}

.faq {
	padding: 3px 0;
}

.resolution {
	font-size: 12px;
	margin: 10px 0;
	padding: 10px 20px 10px 0;
}

#email, #faq {
	background-color: #DAEBFD;
	margin: 20px auto 0 auto;
	padding: 8px;
	width: 400px;
}

.videos ul li ul {
    list-style-type: none;
}

.videos span {
    color: #FFF;
    text-decoration: underline;
}

#welcome {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

/******* Groups/Programs *******/

.groups a:link, .groups a:visited {
    color: #FFF;
    text-decoration: none;
}

.asset-groups {
    height: 366px;
    margin: 160px 0 0 20px;
    width: 892px;
}

.asset-group {
    height: 160px;
    width: 160px;
	vertical-align: middle;
}

.product-groups {
	height: 364px;
	margin: 162px 0 0 132px;
	width: 668px;
}

.maps {
    margin-top: 100px;
}

#programs {
    padding-top: 250px
}

.program {
    font-size: 16px;
    margin: 16px 0;
}

.program a:link, .program a:visited {
    color: #000;
    text-decoration: none;
}

.program a:hover {
    text-decoration: underline;
}

#programs hr {
    background-color: #000;
    color: #000;
    height: 1px;
    border: none;
    margin: 10px auto;
    width: 580px;   
}

.specialty-programs {
	padding: 62px 0 0 14px;
	width: 898px;
}

.specialty-program {
    height: 160px;
    width: 160px;
	vertical-align: middle;
}


/******* Results Grid *******/

.grid {
	border-collapse: separate;
	font-size: 10px;
}

.grid-cell-right {
	padding-right: 5px;	
}

.grid-row-even, div.RadGrid_Default table .grid-row-even {
	background-color: #F2F2F2;
}

.grid-row-odd, div.RadGrid_Default table .grid-row-odd {
	background-color: #FFF;
}

div.RadGrid_Default table .grid-row-shaded,
div.RadGrid_Default  {
    background-color: #F4F6F9;
}

div.RadGrid .rgRow td, div.RadGrid .rgAltRow td {
    border-bottom: 0px;
}

.grid-row-even td, .grid-row-odd td {
	padding-top: 3px;
}

.highlight td {
    padding: 4px 7px 3px 7px;
}

.results {
	font-size: 11px;
	font-style: italic;
	margin: 4px 0 10px 0;
	text-align: center;
}

#pager {
	font-size: 10px;
	height: 14px;
	margin: 16px 0 14px 0;
	position: relative;
	text-align: right;
	width: 160px;
}

.pager-arrow {
	display: inline-block;
	margin-top: 0px !important;
	margin-top: 5px;
}


/******* Error Notification *******/

.notification {
	background-color: #FFCFCF;
	margin-bottom: 0px;
	padding: 8px 0 10px 15px;
}

.notification #message {
	float: left;
	margin: 3px 0 3px 16px;
	width: 95%;
}

.notification ul {
	margin: 3px 0 2px 0;
	padding-left: 25px;
}


/******* Misc *******/

.table, .table-small {
	margin: 0 auto;
}

.table td, .table-small td {
	border: 1px solid #C1C1C1;
	padding: 2px 4px 2px 6px;
}

.table-small {
	font-size: 10px;
}

.image, .icon {
	border: 0;
	vertical-align: bottom;
}

.icon {
    display: inline-block;
    height: 20px;
}

.row {
	clear: both;
	line-height: 20px;
	padding: 1px;
}

.column {
	float: left;
	margin-right: 10px;
	width: 380px !important;
	width: 374px;
	z-index: 0;
}

.column-in {
	float: left;
	margin-right: 10px;
	width: 364px;
}

.column-two {
	margin-right: 10px;
	width: 770px !important;
	width: 760px;
}

.element {
	float: left;
	margin-left: 3px;
}

.label {
	float: left;
	font-size: 10px;
	margin-right: 3px;
	text-align: right;
}

.list {
    list-style-type: none;
    margin: 20px 0 0 10px;
    padding: 0;
}

.list li {
    padding: 2px 0;
}

.add {
    margin-top: 16px;
}

.add-more {
	margin-top: 3px;
	text-align: right;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.clear { 
    clear: both;
}

.indent {
	padding-left: 8px;
}

.inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

.underline, a.underline:link {
	text-decoration: underline;
}

.outline {
    border: 1px solid #000;
    padding: 5px 10px;
}

.instructions {
	font-size: 11px;
	font-style: italic;
	margin: 3px 0 8px 0;
}

.disclaimer {
    font-size: 9px;
}

.help {
    font-size: 10px;
}

#sidebar, .sidebar {
	float: right;
	width: 160px;
}

#sidebar {
	min-height: 350px;
	margin-top: 5px;
}

div.RadGrid_Default table tr th.rgHeader {
    font-weight: bold;
}

/******* Sizes *******/

.xxxsmall, 
.xxxsmall .RadInput,
.xxxsmall .RadInput .riTable {
    width: 25px !important;
    width: 25px;
}

.xxsmall, 
.xxsmall .RadInput,
.xxsmall .RadInput .riTable {
    width: 35px !important;
    width: 35px;
}

.xsmall, 
.xsmall .RadInput,
.xsmall .RadInput .riTable {
    width: 50px !important;
    width: 50px;
}

.small, 
.small .RadInput,
.small .RadInput .riTable {
    width: 60px !important;
    width: 60px;
}

.moderate, 
.moderate .RadInput,
.moderate .RadInput .riTable {
    width: 80px !important;
    width: 80px;
}

.medium, 
.medium .RadInput,
.medium .RadInput .riTable {
    width: 106px !important;
    width: 106px;
}

.average,
.average .RadInput,
.average .RadInput .riTable {
    width: 135px !important;
    width: 135px;
}

.large,
.large .RadInput,
.large .RadInput .riTable {
    width: 160px !important;
    width: 160px;  
}

.xlarge,
.xlarge .RadInput,
.xlarge .RadInput .riTable {
    width: 205px !important;
    width: 205px;
}

.xxlarge,
.xxlarge .RadInput,
.xxlarge .RadInput .riTable {
    width: 250px !important;
    width: 250px;
}

.xxxlarge,
.xxxlarge .RadInput,
.xxxlarge .RadInput .riTable {
    width: 325px !important;
    width: 325px;
}