@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Master Styles */
/* Element Selector Styles */
html {height: 100%;}
body {height: 100%; background-color: #f5f5f5; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans serif; font-size: 9pt; color: #666; padding: 0px; margin: 10px 10px 0 10px;}
form {height: 100%;}
p, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0 0 10px 0;}
h1 {font-size: 14pt; font-weight: normal; color: #ff9900;}
h2 {font-size: 14pt; font-weight: normal; color: #1c7eb1;}
h3 {font-size: 11pt; font-weight: bold; color: #169fe6;}
a {color: #169fe6;}
a:hover {color: #1c7eb1;}
input, select, textarea {font-family: Arial, Sans-Serif; font-size: 8pt;}
hr {color: #666; background-color: #666; border: 0; height: 1px; width: 100%; padding: 0; margin: 10px 0 10px 0;}
*:first-child+html hr {margin: auto auto 0 auto;}
input[type='text'],
input[type='password'],
textarea,
select {margin: 0; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: #acacac 1px solid; box-shadow: 0 0 1px 1px rgba(203, 203, 203, 0.5);}
input[type='text']:hover,
input[type='password']:hover,
textarea:hover,
select:hover {border-color: #8e8e8e; box-shadow: 0 0 1px 1px rgba(122, 122, 122, 0.5);}
input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {border-color: #666; box-shadow: 0 0 1px 1px rgba(20, 75, 135, 0.25);}
input[type='text']:disabled,
input[type='password']:disabled,
textarea:disabled,
select:disabled {border-color: #acacac; box-shadow: 0 0 1px 1px rgba(203, 203, 203, 0.25); background-color: #f0f0f0;}
input[type='text'],
input[type='password'] {height: 16px; padding: 1px 2px !important;}
input[type='text'].radPreventDecorate {padding: 0 !important;}
select {height: 20px; padding: 2px 2px 2px 0;}
textarea {resize: none; margin: 0 0 5px 0;}
textarea, input, select {outline: none;}
table.clsStandard {border-spacing: 0; border-collapse: collapse; padding: 0; margin: 0 0 10px 0;}
table.clsStandard tr,
table.clsStandard tr td {padding: 0; margin: 0;}
a.clsDisabled {color: #acacac; text-decoration: none;}
a:focus {outline: none;}

/* ID Selector Styles */
#divContainer {position: relative; top: 0px; left: 0px; width: 1240px; min-height: 100%; background-color: #fff; margin: 0; padding: 0 0 30px 0;}
* html #divContainer {height: 100%;}
#divContainer #divHeader {position: relative; top: 0px; left: 10px; width: 1220px; height: 125px; z-index: 10;}
#divContainer #divHeader #divBanner {position: relative; top: 0px; left: 0px; width: 1220px; height: 85px; color: #60AB45; font-size: 8pt;}
#divContainer #divHeader #divBanner #divLogo {position: absolute; top: 9px; left: 0px; width: 200px; height: 66px; border-right: 1px solid #dedede;}
#divContainer #divHeader #divBanner #divLogo img {display: block; margin: 6px 0; border: none;}
#divContainer #divHeader #divBanner #divCurrent {position: absolute; top: 12px; left: 260px; width: 340px; height: 65px; line-height: 18px; text-transform: uppercase;}
#divContainer #divHeader #divBanner #divCurrent span {display: block; height: 16px; line-height: 16px;}
#divContainer #divHeader #divBanner #divCurrent .clsManageTarget {height: 26px; line-height: 22px;}
#divContainer #divHeader #divBanner #divCurrent .clsManageTarget a {font-size: 14pt; color: #144B87; text-decoration: underline; text-transform: lowercase;}
#divContainer #divHeader #divBanner #divCurrent .clsLoggedInName {text-transform: lowercase; height: 20px; line-height: 20px;}
#divContainer #divHeader #divBanner #divCaordaDashboard {position: absolute; top: 30px; left: 810px; width: 150px; height: 21px; line-height: 21px; text-align: right;}
#divContainer #divHeader #divBanner #divCaordaDashboard a {position: relative; float: right; text-decoration: none; line-height: 23px; display: block; background: url(../images/toolbar_background.png) no-repeat 0 0; padding-left: 25px;}
#divContainer #divHeader #divBanner #divCaordaDashboard a:hover {background-position: 0 -23px;}
#divContainer #divHeader #divToolbar {position: relative; top: 0px; left: 0px; width: 1220px; height: 34px; background: #144B87 none scroll no-repeat 0 0; color: #FFFFFF; border: 1px solid #666; font-size: 9pt; font-weight: normal; line-height: 34px; text-transform: uppercase; background: -webkit-linear-gradient(#919191 0%, #666 50%); background: -o-linear-gradient(#919191 0%, #666 50%); background: -moz-linear-gradient(#919191 0%, #666 50%); background: linear-gradient(#919191 0%, #666 50%);}
#divContainer #divHeader #divToolbar a {color: #fff;}
#divContainer #divHeader #divToolbar #divNavigation {position: absolute; top: 0px; left: 0; padding: 0 0 0 11px; width: 873px; height: 33px; text-align: center;}
#divContainer #divHeader #divToolbar #divLogout {position: absolute; top: 0px; left: 1134px; width: 86px; height: 33px; text-align: center;}
#divContainer #divHeader #divToolbar #divLogout a {text-decoration: none;}
#divContainer #divContent {position: relative; top: 15px; left: 10px; width: 1220px; z-index: 0;}
#divContainer #divContent #divHeading {position: relative; top: 0px; left: 0px; width: 1220px; margin: 0 0 20px 0;}
#divContainer #divContent #divHeading #divHeadingInformation {position: relative; top: 3px; left: 40px; width: 450px; padding: 0 0 5px 0; float: left;}
#divContainer #divContent #divHeading #divHeadingInformation h1 {margin: 0 0 15px 0;}
#divContainer #divContent #divHeading .clsManagePanel {position: relative; width: 410px; float: right; margin: 35px 0 0 0;}
#divContainer #divContent #divHeading .clsManagePanel a {display: block; width: 100%;}
#divContainer #divContent #divFooter {font-size: 8pt; margin: 50px 0 0 0;}
#divContainerSpacer {height: 10px; overflow: hidden;}

/* Class Selector Styles */
.clsSuccessMessage {width: 408px; margin: 0 0 10px 0; background: #E7E7E7 none no-repeat scroll 5px 5px; border: 1px solid #144B87; padding: 5px 5px 5px 35px; min-height: 25px; height: auto !important; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px 1px rgba(203, 203, 203, 0.5);}
.clsSuccessMessage.clsWarning {background-image: url(../images/icons/icon_warning.png);}
.clsSuccessMessage.clsError {background-image: url(../images/icons/icon_error.png);}
.clsSuccessMessage.clsInformation {background-image: url(../images/icons/icon_information.png);}
.clsSuccessMessage .clsText {color: #7E1C1B;}
.clsSuccessMessage .clsText a {color: #680807;}
.clsManageLinkIcon {display: block; font-size: 11pt; line-height: 16px; height: 16px; letter-spacing: -1px; background: transparent url(../images/icons/arrow_icons.png) no-repeat scroll 0 0; padding: 0 0 0 22px; margin: 0 0 2px 0;}
.clsManageLinkIcon:hover {background-position: 0 -18px;}
.clsHighlight {font-weight: bold; color: #7E1C1B;}

/* GridView Styles */
.clsCaordaGridView {position: relative; margin: 0 2px 10px 2px; padding: 0; border: #d2d2d2 1px solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0px 0px 4px 0px rgba(192, 192, 192, 1.0); clear: both; float: none; background: -webkit-linear-gradient(top, #959595 0, #666 26px, #fff 26px, #fff 27px, #d2d2d2 28px, #fff 36px); background: -o-linear-gradient(top, #959595 0, #666 26px, #fff 26px, #fff 27px, #d2d2d2 28px, #fff 36pxx); background: -moz-linear-gradient(top, #959595 0, #666 26px, #fff 26px, #fff 27px, #d2d2d2 28px, #fff 36px); background: linear-gradient(to bottom, #959595 0, #666 26px, #fff 26px, #fff 27px, #d2d2d2 28px, #fff 36px);}
.clsCaordaGridView .clsTableView {position: relative; left: 10px;}
.clsCaordaGridView table {position: relative; left: 0; margin: 0 0 5px 0; color: #666; font-family: 'Trebuchet MS'; font-size: 12px;}
.clsCaordaGridView table .clsOverflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.clsCaordaGridView table tr th {height: 25px; line-height: 25px; padding: 0 0 14px 0; color: #fff;}
.clsCaordaGridView table tr th a {color: #fff;}
.clsCaordaGridView table tr td {height: 29px; line-height: 29px; border-bottom: 1px solid #d2d2d2;}
.clsCaordaGridView table tr td img {display: block;}
.clsCaordaGridView table tr:last-child td {border-bottom: none;}
.clsCaordaGridView table tr.clsPager td {height: 29px; line-height: 29px;}
.clsCaordaGridView table tr td table.clsPageNumbers {left: 0; margin: 5px 0 0 0; float: left;}
.clsCaordaGridView table tr td table.clsPageNumbers a {color: #a8d5ec;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td {width: 24px; height: 20px; line-height: 20px; font-weight: bold; text-align: center; vertical-align: middle;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td.clsPageNavigation {width: 20px;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a {font-weight: normal; display: block; min-width: 22px; padding: 0 1px 0 1px; height: 20px; line-height: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 1px;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a:hover {background-color: #144B87; color: #fff; text-decoration: none;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation {font-weight: normal; display: block; min-width: initial; width: 20px; padding: 0; height: 20px; line-height: 20px; background: #919191 url(../images/icons/grid_pager_background.png) scroll no-repeat 0 0;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation:hover {background-color: #666;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation.clsFirst {background-position: 0 0;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation.clsPrevious {background-position: -20px 0;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation.clsNext {background-position: -40px 0;}
.clsCaordaGridView table tr td table.clsPageNumbers tr td a.clsPageNavigation.clsLast {background-position: -60px 0;}
.clsCaordaGridView table tr td div.clsPageNavigation {margin: 0 0 0 10px; float: left;}
.clsCaordaGridView table tr td div.clsPageNavigation select {width: 55px;}
.clsCaordaGridView table tr td span.clsInformation {display: block; float: right;}

/* Rounded Container Styles */
.clsContainer {width: 1190px; margin: 0 2px 10px 2px; padding: 10px 12px 10px 12px; border: #d2d2d2 1px solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0px 0px 4px 0px rgba(192, 192, 192, 1.0); clear: both; float: none;}
.clsContainerContent table {margin: 2px 0 2px 0;}
.clsContainerContent table table {margin: 0;}

/* Home Button Styles */
a.clsButton.clsHome {display: inline-block; text-decoration: none; height: 21px; color: #fff; font-family: 'Trebuchet MS'; font-size: 11px; line-height: 21px; padding: 0 18px; margin: 30px 3px 2px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: #ff7f00 1px solid; background: #a8d5ec; background: -webkit-linear-gradient(#ff9700, #ff7f00); background: -o-linear-gradient(#ff9700, #ff7f00); background: -moz-linear-gradient(#ff9700, #ff7f00); background: linear-gradient(#ff9700, #ff7f00); box-shadow: 0 0 0 1px rgba(255, 255, 255, 1), 0 0 4px 2px rgba(192, 192, 192, 1);}
a.clsButton.clsHome:hover {background: #ff7f00; background: -webkit-linear-gradient(#ff7f00, #ff9700); background: -o-linear-gradient(#ff7f00, #ff9700); background: -moz-linear-gradient(#ff7f00, #ff9700); background: linear-gradient(#ff7f00, #ff9700);}

/* Large Button Styles */
input.clsButton.clsLarge,
a.clsButton.clsLarge {height: 27px; min-width: 120px; color: #fff; font-family: 'Trebuchet MS'; font-size: 14px; text-align: center; line-height: 13px; padding: 0 18px; margin: 2px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: #666 1px solid; background: #666; background: -webkit-linear-gradient(#919191, #666); background: -o-linear-gradient(#919191, #666); background: -moz-linear-gradient(#919191, #666); background: linear-gradient(#919191, #666); box-shadow: 0 0 0 1px rgba(255, 255, 255, 1), 0 0 4px 2px rgba(192, 192, 192, 1);}
a.clsButton.clsLarge {display: inline-block; height: 25px; line-height: 25px; min-width: 84px; text-decoration: none;}
input.clsButton.clsLarge:hover,
a.clsButton.clsLarge:hover {background: -webkit-linear-gradient(#666, #919191); background: -o-linear-gradient(#666, #919191); background: -moz-linear-gradient(#666, #919191); background: linear-gradient(#666, #919191);}
input.clsButton.clsLarge:disabled,
a[disabled=disabled].clsButton.clsLarge {border-color: #9f9f9f; background: #9f9f9f; background: -webkit-linear-gradient(#bfbfbf, #9f9f9f); background: -o-linear-gradient(#bfbfbf, #9f9f9f); background: -moz-linear-gradient(#bfbfbf, #9f9f9f); background: linear-gradient(#bfbfbf, #9f9f9f);}

/* Small Button Styles */
input.clsButton.clsSmall,
a.clsButton.clsSmall,
span.clsButton.clsSmall {height: 18px; color: #fff; font-family: 'Trebuchet MS'; font-size: 11px; line-height: 16px; text-align: center !important; text-transform: uppercase; padding: 0; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; border: #000 1px solid;}
a.clsButton.clsSmall,
span.clsButton.clsSmall {height: 16px; text-decoration: none;}
input.clsButton.clsSmall.clsRed,
a.clsButton.clsSmall.clsRed {border: #7e1c1b 1px solid; background: #7e1c1b; background: -webkit-linear-gradient(#b11f1d, #7e1c1b); background: -o-linear-gradient(#b11f1d, #7e1c1b); background: -moz-linear-gradient(#b11f1d, #7e1c1b); background: linear-gradient(#b11f1d, #7e1c1b);}
input.clsButton.clsSmall.clsRed:hover,
a.clsButton.clsSmall.clsRed:hover,
span.clsButton.clsSmall.clsRed:hover {background: #7e1c1b; background: -webkit-linear-gradient(#7e1c1b, #b11f1d); background: -o-linear-gradient(#7e1c1b, #b11f1d); background: -moz-linear-gradient(#7e1c1b, #b11f1d); background: linear-gradient(#7e1c1b, #b11f1d);}
input.clsButton.clsSmall.clsRed:disabled,
a[disabled=disabled].clsButton.clsSmall.clsRed,
span[disabled=disabled].clsButton.clsSmall.clsRed {border-color: #be8d8d; background: #be8d8d; background: -webkit-linear-gradient(#d88f8e, #be8d8d); background: -o-linear-gradient(#d88f8e, #be8d8d); background: -moz-linear-gradient(#d88f8e, #be8d8d); background: linear-gradient(#d88f8e, #be8d8d);}
input.clsButton.clsSmall.clsBlue,
a.clsButton.clsSmall.clsBlue,
span.clsButton.clsSmall.clsBlue {border: #666 1px solid; background: #666; background: -webkit-linear-gradient(#919191, #666); background: -o-linear-gradient(#919191, #666); background: -moz-linear-gradient(#919191, #666); background: linear-gradient(#919191, #666);}
input.clsButton.clsSmall.clsBlue:hover,
a.clsButton.clsSmall.clsBlue:hover,
span.clsButton.clsSmall.clsBlue:hover,
span.clsButton.clsSmall.clsBlue.clsHover {background: #666; background: -webkit-linear-gradient(#666, #919191); background: -o-linear-gradient(#666, #919191); background: -moz-linear-gradient(#666, #919191); background: linear-gradient(#666, #919191);}
input.clsButton.clsSmall.clsBlue:disabled,
a[disabled=disabled].clsButton.clsSmall.clsBlue,
span[disabled=disabled].clsButton.clsSmall.clsBlue {border-color: #9f9f9f; background: #9f9f9f; background: -webkit-linear-gradient(#bfbfbf, #9f9f9f); background: -o-linear-gradient(#bfbfbf, #9f9f9f); background: -moz-linear-gradient(#bfbfbf, #9f9f9f); background: linear-gradient(#bfbfbf, #9f9f9f);}
input.clsButton.clsSmall.clsBlue.clsArrow,
a.clsButton.clsSmall.clsBlue.clsArrow {position: relative;}
input.clsButton.clsSmall.clsBlue.clsArrow:after,
a.clsButton.clsSmall.clsBlue.clsArrow:after {content: ""; width: 7px; height: 14px; background: transparent url(../images/icons/arrow_background.png) scroll no-repeat center center; position: absolute; right: 0;}