/*

    Great Software Documentation, Inc.
    
    Blue:   #417A9C
    Orange: #FF7F3F
*/


/* General / Misc Styling
------------------------------------------------------------------------------------------------------------------------------------------------ */

body {
	font-family: Arial, sans-serif;
}
p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 12px;
	font-weight: bold;
}
h1 {
}
h2 {
	font-size: 23px;
	font-weight: bold;
	color: #417A9C;
	margin: 14px 0;
}
h3 {
	font-size: 24px;
	font-weight: bold;
	color: #0000FF;
	margin: 12px 0;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: x-large;
	color: #00F;
}
h4 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
h5 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
h6 {
	font-size: 12px;
	text-transform: uppercase;
}
.login_box {
	padding: 25px 28px;
	background: #F5F5F5;
	text-align: left;
	width: 350px;
	margin: 40px auto;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	box-shadow: 0 0 6px #999;
	border: 1px solid #AAA;
}
.HelpBox {
	border: 1px solid #CCE0FF;
	background: #E8F1FF url(../Images/Icons/help_small.png) no-repeat 4px 4px;
	padding: 8px 8px 8px 45px;
}
#VideoPlayer {
	border: 1px solid #333333;
	display: block;
	background: #333333 url(../Images/Icons/PlayButton.png) no-repeat 50% 50%;
}
#FullContainer {
	width: 100%;
}
#PreHeaderNav {
	margin-top: 8px;
	margin-right: 10px;
	float: right;
	color: #CCCCCC;
	height: 20px;
}
#PreHeaderNav a {
	color: #CCCCCC;
	text-decoration: none;
}
#PreHeaderNav a:hover {
	border-bottom: 1px solid #CCCCCC;
}
#Header {
	width: 100%;
	height: 118px; /* actually 119 but clip the last pixel */
	background: #286088 url(../Images/HeaderBG.png) repeat-x;
}
#HeaderContentWrapper {
	width: 1020px;
	margin: 0 auto;
}
#Logo {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../Images/LogoShape.png) top left no-repeat;
	width: 119px;
	height: 85px;
	overflow: hidden;
}
#Logo a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 85px;
}
#LogoText {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../Images/LogoText.png) top left no-repeat;
	width: 875px;
	height: 45px;
	overflow: hidden;
}
#LogoText a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 45px;
}

#AccountInfo {
	position: relative;
	top: 10px;
	right: 0px;
	float: right;
}

#HeaderContent {
	float: left;
	width: 880px;
}
#ContentWrapper {
	width: 1020px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#Content {
	padding: 20px;/*min-height: 350px;*/
	color: #000;
}
#Footer {
	margin-top: 10px;
	color: #CCCCCC;
	font-size: 11px;
	padding-left: 10px;
	background: #CCCCCC url(../Images/FooterBG.png) repeat-x;
	height: 243px;
}
#FooterWrapper {
	width: 1020px;
	margin: 0 auto;
	padding-top: 20px;
}
#FooterColumns {
	width: 100%;
	padding-top: 25px;
	height: 155px;
}
#FooterColumns .FooterColumn, #FooterColumns .FooterColumnFirst, #FooterColumns .FooterColumnLast {
	width: 200px;
	float: left;
	margin-left: 15px;
	background: url(../Images/FooterDivider.png) no-repeat 6px 6px;
	padding-left: 40px;
}
#FooterColumns .FooterColumnFirst {
	margin-left: 0;
	background-image: none;
	padding-left: 0;
}

/* Adjust width / padding on 3rd column (one with address) */
#FooterColumns > .FooterColumn:nth-child(3n) {
	width: 225px;
}

#FooterColumns .FooterColumnLast {
	background-image: none;
	width: 175px; /* make up for wider 3rd column */
}

h4.FooterColumnHeading {
	font-size: 18px;
	color: #181717;
	margin-bottom: 14px;
}
#FooterColumns ul {
	margin-left: 10px;
	padding-bottom: 30px;
}

#FooterColumns li {
	margin-bottom: 6px;
	color: #181717;
	font-size: 12px;
	font-weight: bold;
}
#FooterColumns li a {
	color: #181717;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#FooterColumns li a:hover {
	border-bottom: 1px solid #181717;
}
#FooterNav {
	padding-top: 16px;
	margin-bottom: 10px;
}
#FooterNav a {
	color: #CCCCCC;
	text-decoration: none;
}
#FooterNav a:hover {
	border-bottom: 1px solid #CCCCCC;
}
#FooterLegal {
	line-height: 45px;
	font-size: 16px;
	color: #DDDDDD;
}
/*#FooterLogo {
    float: right;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}
*/

.bc-link {
	display: block;
	padding-top: 12px;
}
.splitter {
	width: 100%;
	display: block;
}
.splitter div.left {
	float: left;
}
.splitter div.right {
	float: right;
}
.split10 {
	width: 9%;
}
.split20 {
	width: 19%;
}
.split30 {
	width: 29%;
}
.split40 {
	width: 39%;
}
.split50 {
	width: 49%;
}
.split60 {
	width: 59%;
}
.split70 {
	width: 69%;
}
.split80 {
	width: 79%;
}
.split90 {
	width: 89%;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.BackToTop {
	background: url(../Images/Icons/arrow-skip-090.png) no-repeat;
	padding-left: 16px;
	text-decoration: none;
	color: #06F;
	font-size: small;
}

.form-error {
	font-size: 11px;
	color: #C00;
	padding-left: 10px;
	display: none;	
}

/* End Site Structure
------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Homepage Styling
------------------------------------------------------------------------------------------------------------------------------------------------ */

#home-banner {
	height: 419px;
	background: #2D7DB8 url(../Images/home-banner-bg.jpg) repeat-x;
}
#home-banner-content {
	width: 960px;
	margin: 0 auto;
	padding-top: 12px;
}
#home-banner-left {
	float: left;
	width: 50%;
	padding-top: 25px;
}
#home-banner-right {
	float: right;
	width: 45%;
}
#home-banner h2 {
	color: #FFFFFF;
	font-size: 28px;
	line-height: 34px;
	text-shadow: #333333 2px 2px;
}
#home-banner p {
	font-size: 17px;
	line-height: 25px;
	color: #FFFFFF;
	text-shadow: #333333 1px 1px;
}
#home-banner .action-buttons {
	margin-top: 30px;
}
#home-banner .action-buttons a {
	font-size: 24px;
	display: block;
	width: 150px;
	float: left;
	text-align: center;
	margin-right: 16px;
}
.home-image-wrapper {
	background: url(../Images/home-image-bg.png) no-repeat;
	width: 482px;
	height: 385px;
}
.home-image-wrapper img {
	margin: 24px 0 0 13px;
}
#home-content-section {
	background: url(../Images/home-content-bg.png) repeat-x;
}
#home-content-wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	background: url(../Images/home-content-wrapper.png) no-repeat top;
	padding-top: 25px;
}
#home-content-wrapper .splitter {
	margin: 0 auto;
	width: 940px;
}
.home-spotlight {
	color: #363532;
	padding: 6px 0 0 40px;
	line-height: 20px;
	font-size: 12px;
}
.home-spotlight h5 {
	text-transform: none;
	font-size: 18px;
	margin-bottom: 9px;
}
.home-spotlight a {
	text-decoration: none;
	border-bottom: 1px solid #333333;
	color: inherit;
}
.spotlight-video {
	background: url(../Images/Icons/video.png) no-repeat;
}
.spotlight-book {
	background: url(../Images/Icons/book.png) no-repeat;
}
.spotlight-users {
	background: url(../Images/Icons/users.png) no-repeat;
}
.home-spotlight-excerpt {
	padding-right: 20px;
}
.sidebar-highlight-box {
	background-color: #F2F3F3;
	-moz-box-shadow:    2px 2px 2px 0 #D4D4D4;
	-webkit-box-shadow: 2px 2px 2px 0 #D4D4D4;
	box-shadow:         2px 2px 2px 0 #D4D4D4;
	margin-top: 25px;
	padding: 16px 22px;
}
.sidebar-section-title {
	font-size: 22px;
	color: #282828;
	margin-bottom: 12px;
}
.testimonial {
}
.testimonial-content {
	font-style: italic;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #484848;
}
.testimonial-author {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.sample-video-title {
	color: #333333;
	font-size: 20px;
	margin-bottom: 18px;
}
.sample-video {
	width: 180px;
	margin: 0 30px 30px 0;
	float: left;
}
/* use a semi-transparent image for the overlay */
  #overlay {
	background-color: #000000;
	color:#efefef;
	display: none;/*height:450px;*/
}
/* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
	/*height:441px;*/
    overflow-y:auto;
}
.close {
/* background-image:url(../Images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;*/
}
/* End Homepage Styling
------------------------------------------------------------------------------------------------------------------------------------------------ */




/* Data Grid Structure
------------------------------------------------------------------------------------------------------------------------------------------------ */

.gridWrapper {
	margin-bottom: 5px;
	padding: 0 2px 2px 2px;
	border: 1px solid #5C819B;
	border-top: none;
	background: #7092AB url(../Images/gridHeaderBG.gif) repeat-x;
}
.gridWrapper .title {
	line-height: 25px;
	color: #C40022;
	font-weight: bold;
	font-size: 14px;
}
.dataGrid {
	font-family: tahoma;
	font-size: 11px; /*border: solid 1px #7f7f7f;*/
	border-collapse: collapse;
	color: #333333;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-collapse: separate;
	empty-cells: show;
}
.dataGrid tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.dataGrid tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.dataGrid tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.dataGrid tr:last-child td:last-child {
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* header column rules */
.dataGrid .header th, .dataGrid .headerGreen th, .dataGrid .headerOrange th, .dataGrid .headerPurple th {
	background: #395062 url(../Images/GridHeader_Blue.gif) repeat-x 0px 0px; /* Setting the height seems to break in Chrome and IE as it's added above the padding... Try td? */ /*height: 30px;*/ /*border-color: #5C819B #cbcbcb #989898 #989898;     border-style: solid solid solid none;     border-width: 1px 1px 1px medium;*/
	color: #FFFFFF;
	padding: 8px 5px 8px 10px;
	vertical-align: bottom;
	text-align: left;
}
.dataGrid .headerGreen th, .dataGrid .headerGreen {
	background: #395062 url(../Images/GridHeader_Green.gif) repeat-x 0px 0px !important;
	color: #FFFFFF;
}
.dataGrid .headerOrange th, .dataGrid .headerOrange {
	background: #395062 url(../Images/GridHeader_Orange.gif) repeat-x 0px 0px !important;
	color: #FFFFFF;
}
.dataGrid .headerPurple th, .dataGrid .headerPurple {
	background: #395062 url(../Images/GridHeader_Purple.gif) repeat-x 0px 0px !important;
	color: #FFFFFF;
}
.dataGrid .header th a, .dataGrid .headerGreen th a, .dataGrid .headerOrange th a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 10px;
}
.dataGrid td {
	color: #333333;
	padding: 4px 10px 4px 10px;
	border-bottom: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
}
.dataGrid td:first-child {
	border-left: solid 1px #DADADA;
}
.dataGrid .empty td {
	padding: 0;
}
.dataGrid .empty .row td {
	padding: 4px 10px 4px 10px;
}
.dataGrid td {
	background-color: #F9F9F9;
}
.dataGrid .alt td {
	background-color: #EDEDED;
}
.dataGrid .yellowBG td {
	background-color: #FFFF97;
}
.dataGrid tr.selected td {
	background-color: #C1E0FF;
}
.dataGrid .redBG td {
	background-color: #FF8282;
}
.dataGrid .pager td {
	/*border: none;*/
    padding: 2px 4px;
	font-size: 110%;
	color: #666666;
}
/* current page */
.dataGrid .pager td span {
	background-color: #EDF7FE;
	border: 1px solid #CDD7DE;
	padding: 1px 4px;
}
.dataGrid .pager a {
	text-decoration: none;
	padding: 1px 4px;
	border: 1px solid #CCC;
	color: #666666;
}
.dataGrid .pager a:hover {
	background-color: #EDF7FE;
	border: 1px solid #5183F7;
}
.dataGrid .rownum {
	text-align: center;
	padding-left: 0px;
	font-weight: bold;
	color: #333333;
}
/* footer column rules */
.dataGrid .footer td {
	background: #E5E5E5; /* url(../Images/sprite.png) repeat-x 0px 0px;*/
	color: #000; /*padding: 4px 5px 4px 10px;*/
	vertical-align: bottom;
	text-align: left;
	color: #275067;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #DADADA;
}
.dataGrid .footer td a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 10px;
}
.dataGrid .rowHeader {
	font-weight: bold;
	width: 150px;
}
/* End Data Grid Structure
------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Element Design
------------------------------------------------------------------------------------------------------------------------------------------------ */

a.styledButton, a.styledButtonDisabled, a.styledButton:hover, a.styledButtonBlack {
	text-decoration: none;
}
.styledButton {
	border: 1px solid #A3A3A3;
	background-color: #DFDFDF; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #DFDFDF); /* for firefox 3.6+ */
	color: #303030;
	margin-right: 3px;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: #FFFFFF 1px 1px 0px;
}
.styledButtonDisabled {
	border: 1px solid #CCCCCC;
	background-color: #F1F5F8; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F5F8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F5F8)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #F1F5F8); /* for firefox 3.6+ */
	color: #B6B5B5;
	margin-right: 3px;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: #FFFFFF 1px 1px 0px;
}
.styledButton:hover {
	border: 1px solid #6F95B5;
	background-color: #287CD3; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61A9F4', endColorstr='#287CD3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#61A9F4), to(#287CD3)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #61A9F4, #287CD3); /* for firefox 3.6+ */
	color: #FFFFFF;
	cursor: pointer;
	text-shadow: none;
}
.styledButtonBlack {
	border: 1px solid #000000;
	background: #45484d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */
	background: linear-gradient(top, #45484d 0%, #000000 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 ); /* IE6-8 */
	color: #F5F5F5;
	margin-right: 3px;
	padding: 4px 6px;
	font-size: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.styledButtonBlack:hover {
	border: 1px solid #000000;
	background: #7d7e7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 ); /* IE6-8 */
	color: #FFFFFF;
	cursor: pointer;
	text-shadow: none;
}
.statusWindow {
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 30px;
	margin-bottom: 8px;
	background-color: #FFFFFF;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.statusOK {
	background: #EAF3E0 url(../Images/Icons/flag_green.png) 8px 3px no-repeat;
}
.statusWARNING {
	background: #EAF3E0 url(../Images/Icons/flag_yellow.png) 8px 3px no-repeat;
}
.statusERROR {
	background: #EAF3E0 url(../Images/Icons/flag_red.png) 8px 3px no-repeat;
}
/* End Element Design
------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Form Design
------------------------------------------------------------------------------------------------------------------------------------------------ */
.FormEntry {
	margin-bottom: 14px;
}
.FormEntry label {
	display: block;
	margin: 3px 0 2px;
	font-weight: bold;
	color: #333333;
}
.FormEntry label > span {
	color: #FF0000;
	padding-left: 3px;
}
.FormEntry .Row {
	width: 100%;
	margin-bottom: 3px;
}
.FormEntry .Row .Cell, .FormEntry .Row .Cell150, .FormEntry .Row .Cell175, .FormEntry .Row .Cell200 {
	float: left;
	margin-right: 10px;
}
.FormEntry .Row .Cell150 {
	width: 150px;
}
.FormEntry .Row .Cell175 {
	width: 175px;
}
.FormEntry .Row .Cell200 {
	width: 200px;
}
.FormEntry fieldset {
	border: none;
}
.FormEntry legend {
	font-size: 18px;
	margin: 0px;
	padding: 10px 0px;
	color: #003C79;
	font-weight: bold;
}
.FormEntry hr.RowSeparator {
	height: 1px;
	border: none;
	border-bottom: 1px dashed #999999;
	margin: 6px 75px 16px 0;
}
.FormEntry .VgSummary {
	background-color: #FFDFDF;
	border: 1px solid #FF8A8A;
	color: #800000;
	padding: 4px;
	margin: 4px;
}
.FormEntry .LeftCol {
	float: left;
	width: 65%;
}
/*
.FormEntry .HelpBox .Header {
    font-weight: bold;
    margin: 8px 0 12px 36px;
    font-size: 22px;
}
*/

.FormEntry select {
	padding: 2px;
}
.FormEntry .nolabel label {
	display: inline;
	margin: 0 15px 12px 7px;
}
.roundInput, select {
	border: 1px solid #D7D7D7;
	background-color: #FBFBFB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 21px;
	font-size: 12px;
	margin: 0 4px 4px 0;
	padding-left: 2px;
}
select {
	height: 24px;
}
.roundInputMulti {
	border: 1px solid #CCCCCC;
	background-color: #FBFBFB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 4px 4px 0;
	padding-left: 2px;
}
.FormEntry input[type='checkbox']:not(:checked) + label {
	color: #808080;
}
.ButtonBar {
	padding: 6px 12px;
	text-align: right;
	background-color: #E6F2FF;
	border-top: 1px solid #B7DBFF;
	border-bottom: 1px solid #B7DBFF;
	margin: 4px -20px -20px -20px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.StandoutPanel {
	font-weight: bold;
	margin: 6px 0;
	padding: 7px;
	background-color: #F8F8F8;
	border: 1px solid #A9A7CD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.StandoutPanel .FormEntry {
	margin-bottom: 0;
}
/* End Form Design
------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Navigation
------------------------------------------------------------------------------------------------------------------------------------------------ */

#Navigation {
	height: 26px;
	margin-left: 120px;
	margin-top: 15px;
}
#PrimaryTopMenu {
	float: left;
}
#PrimaryTopMenu > ul {
	position: relative;
	width: auto;
	float: left;
}
#PrimaryTopMenu > ul > li {
	position: relative;
	float: left;
}
.menuItemLink_Level1 {
	/*background-color: #333333;*/
    color: #FFFFFF;
	font-weight: normal;
	font-size: 11pt;
	cursor: hand;
	cursor: pointer;
	margin: 0px;
	padding: 0 10px !important;
	line-height: 23px;
	vertical-align: middle;
}
ul.level2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 10px;
	background-color: #666666;
	border: 1px solid #666666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

ul.level1 li:hover > ul.level2 {
	display: block;	
}

.menuItemLink_Level2 {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 20px;
	padding: 2px;
	font-weight: normal;
	width: 150px;
}

.menuItemLink_Level2:hover {
	background-color: #427FAF;
}

.menuItemLink_Level3 {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 20px;
	padding: 2px;
	font-weight: bold;
}
.menuItemLink_StaticSelectedStyle {
	color: #FFFFFF;
}
.menuItemLink_StaticMenuItemStyle {
	padding: 4px;/*margin: 4px;*//*width: 150px;*/
}
.menuItemLink_StaticMenuItemStyle img {
	padding-right: 8px;
}
/*
.menuItemLink_StaticMenuItemStyle:hover {
    background: url(../Images/MenuHoverBG.png) no-repeat;
}
*/

.menuItemLink_StaticMenuItemStyle a:active, .menuItemLink_StaticMenuItemStyle a:link, .menuItemLink_StaticMenuItemStyle a:visited, .menuItemLink_StaticMenuItemStyle a:hover {
	color: #FFFFFF;
	text-decoration: none; /*font-weight: bold;*/
	font-size: 11pt;
	cursor: hand;
}
.menuItemLink_StaticMenuItemStyle a:hover {
	color: #427FAF;
}
/*
.menuItemLink_DynamicSelectedStyle
{
    background: #666666;
}
*/

.menuItemLink_DynamicMenuItemStyle {
	/*background-image: url(images/menu-bg.png);*/
    border: 0px;
	font-size: 9pt;
}
.menuItemLink_StaticHoverStyle Hover {
	color: #FFFFFF;
	font-size: 9pt;
}
.menuItemLink_DynamicMenuItemStyle a:active, .menuItemLink_DynamicMenuItemStyle a:link, .menuItemLink_DynamicMenuItemStyle a:visited {
	font-size: 9pt;
	color: #FFFFFF;
	line-height: 15pt;
	padding-left: 4px;
	padding-right: 50px;
	width: 100%;
	text-decoration: none;
	display: block;
}
.menuItemLink_DynamicMenuItemStyle a:hover {
	/*text-decoration: underline;*/
    color: #FFFFFF;
}
.menuItemLink_DynamicMenuStyle li {
	width: 150px;
}
.menuItemLink_DynamicMenuStyle .highlighted, .menuItemLink_DynamicHoverStyle {
	background-color: #427FAF;
}
.menuItemLink_DynamicMenuStyle {
	z-index: 9999;
}
.menuItemLink_StaticMenuItemStyle, .menuItemLink_DynamicMenuItemStyle {
/*  padding-left: 10px;     padding-right: 10px;*/
}
#PrimaryTopMenu a.static.selected {
	background-color: #DFDFDF; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #DFDFDF); /* for firefox 3.6+ */
	color: #303030;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#PrimaryTopMenu img.icon {
	border-style:none;
	vertical-align:middle;
}
#PrimaryTopMenu img.separator {
	border-style:none;
	display:block;
}
#PrimaryTopMenu img.horizontal-separator {
	border-style:none;
	vertical-align:middle;
}
#PrimaryTopMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}
#PrimaryTopMenu ul.dynamic {
	z-index:1;
}
#PrimaryTopMenu a {
	font-family:Verdana;
	text-decoration:none;
	white-space:nowrap;
	display:block;
}
#PrimaryTopMenu a.level1 {
	text-decoration:none;
	border-style:none;
}
#PrimaryTopMenu a.level2 {
	text-decoration:none;
	border-style:none;
}
#PrimaryTopMenu a.level3 {
	text-decoration:none;
	border-style:none;
}
#PrimaryTopMenu a.static.selected {
	text-decoration:none;
	border-style:none;
}
#PrimaryTopMenu a.dynamic.selected {
	text-decoration:none;
	border-style:none;
}
/* End Navigation
------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Tabs
------------------------------------------------------------------------------------------------------------------------------------------------ */

.formentry-tabs-links, .formEntryTopper {
	/*background: url(../Images/highlightBG.gif) top left repeat-x #EEEEEE;     border-top: 1px solid #CCCCCC;     border-left: 1px solid #CCCCCC;*/
    border-bottom: 1px solid #DFDAC6;
	padding-top: 5px;
	position: relative;
}
.formentry-tabs .formentry-tabs-nav {
/*padding-left: 10px;*/
}
.formentry-tabs .formentry-tabs-nav li {
	display: block;
	float: left;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 5px;
	background: url(../Images/highlightBG.gif) top left repeat-x #f9f6f5;
	border: 1px solid #bcb9b5;
	border-bottom: none;
	position: relative;
	top: 1px;
}
.formentry-tabs .formentry-tabs-nav li.selected {
	border: 1px solid #bcb9b5;
	border-bottom: none;
	background: #F0F0F0;
}
.formentry-tabs .formentry-tabs-nav li a {
	color: #84756a;
	font-size: 1.2em;
	padding: 7px 10px;
	text-decoration: none;
	display: block;
	float: left;
	background: url(../Images/inactiveTabBG.gif) bottom left repeat-x;
}
.formentry-tabs .formentry-tabs-nav li.selected a {
	color: #55473d;
	background: none;
}
.formentry-tabs .formentry-tabs-content {
	margin-bottom: 1em;
	padding: 10px;
	border-top: 1px solid #bcb9b5;
	border-left: 1px solid #bcb9b5;
	border-bottom: 1px solid #dedbd8;
	border-right: 1px solid #dedbd8;
	background: #fff;
}
.formEntryWrapper {
	border: 1px solid #CCCCCC; /*#DFDAC6;*/
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none; /*border-right: none;*/
	padding: 10px;
	background-color: #F0F0F0;
}
.formEntryWrapperNoTabs {
	border: 1px solid #CCCCCC; /*#DFDAC6;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background-color: #F0F0F0;
}
/* End Tabs
------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Resource / Video List Matrix
------------------------------------------------------------------------------------------------------------------------------------------------ */

#ResourceLocationList {
	width: 100%;
}
#ResourceLocationList .ResourceLocationName {
	width: 175px;
	float: left;
	margin-right: 12px;
	padding: 4px;
	margin: 0 4px 4px 0;
}
#ResourceLocationList .ActiveKey {
	font-weight: bold;
	cursor: pointer;
}
.Resource h3 {
	margin-top: 25px;
}

.ResourceItem {
	padding-bottom: 10px;
	border-bottom: 1px solid #F5F5F5;
	margin-bottom: 10px;
	font-size: large;
}

.resource-location-address {
	font-weight: bold;
	font-size: medium;
	line-height: 14px;
}

#ResourceModal {
    display:none;
    width:680px;
	border:10px solid #666;
    border:10px solid rgba(82, 82, 82, 0.698);
    -moz-border-radius:8px;
	-webkit-border-radius:8px;
	max-height: 500px;
	overflow-y: auto;
}
#ResourceModal .modal-wrapper {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif
}
#ResourceModal h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#6D84B4;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}

.modal-close-instructions {
	margin-top: 15px;
	font-size: 10px;
	font-style: italic;
	text-align: right;	
}

/* End Resource / Video List Matrix
------------------------------------------------------------------------------------------------------------------------------------------------ */