/******* HTML *******/

form {
	margin: 0;
}

img {
	border: 0;
}

h1 {
	font-size: 12px;
	letter-spacing: 1px;
	margin: 8px 0 16px 0;
}

h2 {
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 3px;
	margin-bottom: 15px;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ratingsTooltip, .citranTooltip {
    display: none;
    width: auto;
    height: auto;
    text-shadow: 0 1px 0 #fff;
    position: absolute;    
    z-index: 999;
    padding:5px;
    color: #222;
	border: 1px solid #000;
    background: #F2F2F2;
    font-size: 10px;
}

.rowTooltip {
    clear: both;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
}

#hrLineBreak {
    display:flexbox;
}

.rowLabel, .citLabel {    
    margin-right: 2px;
    float: left;
    text-align: right;
    font-weight: bold;
}

.rowElement, .citElement {
    margin-left: 3px;    
    float: left;
    text-align: left !important;
}

p {
	margin: 0 0 20px 0;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/******* Notifications *******/

#notification-image {
    height: 20px;
    width: 20px;
}

.error,
.success {
	margin-bottom: 10px;
	padding: 5px 0 5px 15px;
	width: 98%
}

.error #message,
.success #message {
	float: left;
	margin: 3px 0 3px 16px;
	width: 95%;
}

.error ul,
.success ul {
	margin: 3px 0 2px 0;
	padding-left: 25px;
}

.error {
    background-color: #FFCFCF;
    border: 1px solid #FF0000;
}

.error #message {
    color: #FF0000;
}

.error #notification-image {
    background: url( '/images/error.gif' ) transparent no-repeat;
}

.success {
    background-color: #FFFFDD;
    border: 1px solid #008000;
}

.success #message {
    color: #008000;
}

.success #notification-image {
    background: url( '/images/success.gif' ) transparent no-repeat;
}


/******* Confirm Button *******/

.confirm-header {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 3px 0;
	text-align: center;
}

.modal-background {
	background-color: gray;
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.confirm {
	 background: #FFF;
	 border: 2px solid #000;
	 padding: 0px;
	 width: 200px;
}

#confirm-text {
	padding: 0 16px 15px 16px;
}

#confirm-buttons {
	text-align: right;
}


/******* Calendar *******/

.calendar {
	background: #FFF;
	border: 1px solid #666;
	float: left;
	margin: 0 0 2px 2px;
}

.calendar-header {
	padding: 15px;
}

.calendar-day {
	background: #FFF;
	padding: 3px;
}

.calendar-row {
	clear: both;
	margin: 2px 0 0 2px;
}


/******* Elements *******/

.add {
    margin-top: 6px;
}

.button, .button-gray, .button-delete {
    border: 1px solid #000;
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
    overflow: visible;
    width: auto;
}

.checkbox {
	font-size: 11px;
	margin-left: 3px;
}

.checkbox input, .checkboxlist input, .radiobuttonlist input {
	float: left;
	margin-right: 8px;
}

.checkboxlist td {
	line-height: 18px;
}

.hr {
	border-bottom: 1px solid #000;
	float: left;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 99%;	
}

.image, .icon {
	border: 0;
	vertical-align: bottom;
}

.icon {
    display: inline-block;
    height: 16px;
}

.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;
}

.textbox {
    height: 21px !important;
    height: 17px;
    padding: 1px;
}

.textbox-invalid
{
    border-color: Red !important;
}

textarea {
    padding: 1px;
}


/******* Main Content *******/

#block, .shaded, .outline {
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px;
}

.add-more {
	margin-top: 3px;
	text-align: right;
}

#block {
	margin: 15px auto 0 auto;
	position: relative;
	width: 350px;
	z-index: 0;
}

.header {
	-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;*/
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0;
	text-align: center;
	margin-top: 20px;
}

.footer,
.block-content-footer {
	-webkit-border-radius-bottomleft: 14px;
	-webkit-border-radius-bottomright: 14px;
	-khtml-border-radius-bottomleft: 14px;
	-khtml-border-radius-bottomright: 14px;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

.column {
	float: left;
	margin-right: 10px;
	position: relative;
	width: 380px !important;
	width: 374px;
	z-index: 0;
}

.column-in {
	float: left;
	margin-right: 6px;
	width: 370px !important;
	width: 356px;
}

.column-plus {
	float: left;
	width: 540px;
	z-index: 0;
}

.column-two {
	float: left;
	margin-right: 10px;
	width: 772px !important;
	width: 762px;
	z-index: 0;
}

.column-full {
	float: left;
	/*margin-right: 10px;*/
	position: relative;
	width: 100%;
	z-index: 0;
}

.definitions {
	background-color: #FFF;
	padding: 10px;
}

.full {
	width: 770px;
}

.search-header {
    font-weight: bold;
    margin-bottom: 8px;
    text-decoration: underline;
}

.axaShaded {
    margin-bottom: 10px;
    padding: 7px 0px 7px 0px;
}

.shaded, .outline {
	margin-bottom: 10px;
	padding: 10px 8px;
}

.shaded, .axaShaded {
   background: #F2F2F2;
}

.outline {
    background: #FFF;
}

#sidebar, .sidebar {
	float: right;
	width: 160px;
}

#sidebar {
	min-height: 325px; /*350*/
	margin-top: 5px;
}

.row {
	clear: both;
	line-height: 20px;
	padding: 1px;
}

.row-text {
	clear: both;
	line-height: 18px;
	padding: 1px;
}

.scroll {
	overflow-y: scroll;
}

.sign-in-row {
	line-height: 20px;
	padding: 2px !important;
	padding: 1px;
}

.label {
	float: left;
	margin-right: 2px;
	text-align: right;
}

.label-image {
    height: 21px !important;
    height: 17px;
    padding-top: 3px;
}

.element {
	float: left;
	margin-left: 3px;
}

.span-block {
	display: inline-block;
}


/******* 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: 0 0 8px 0;
	text-align: center;
}

#pager {
	font-size: 10px;
	height: 14px;
	margin: 5px 0 0 0;
	position: relative;
	text-align: right;
	width: 160px;
}

.pager-arrow {
	display: inline-block;
	margin-top: 0px !important;
	margin-top: 5px;
}

/******* Tabs *******/

.multipage {
    border: 1px solid #828282;
    border-top: none;
}

.multipage ul {
    padding: 15px 0;
}

.pageview {
    padding: 20px 5px 5px 5px;
}


/******* Text Styles *******/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.text {
	font-size: 11px;
}

.underline, a.underline:link {
	text-decoration: underline;
}

.instructions {
	font-size: 11px;
	font-style: italic;
	margin: 3px 0 8px 0;
}

.copy {
	font-size: 12px;
	vertical-align: top;
}

.white, a.white:link {
    color: #FFF;
}

.black, a.black:link {
    color: #000;
}


/******* Positioning *******/

.active, .inactive {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
	width: 50px;
}

.active {
    background-color: #FFFFDD;
    border: 1px solid #008000;
    color: #008000;
}

.inactive {
    background-color: #FFCFCF;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

.indent {
	padding-left: 8px;
}

.inline {
    display: inline;
}

.value {
	text-align: right;
}


/******* 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: 66px !important;
    width: 66px;
}

.moderate-wide {
    width: 120px !important;
    width: 120px;
}


.ar_moderate, 
.ar_moderate .ar_RadInput,
.ar_moderate .ar_RadInput .ar_riTable {
    width: 85px !important;
    width: 85px;
}

.medium, 
.medium .RadInput,
.medium .RadInput .riTable {
    width: 128px !important;
    width: 128px;
}

.average,
.average .RadInput,
.average .RadInput .riTable {
    width: 144px !important;
    width: 144px;
}

.large,
.large .RadInput,
.large .RadInput .riTable {
    width: 158px !important;
    width: 158px;  
}

.xlarge,
.xlarge .RadInput,
.xlarge .RadInput .riTable {
    width: 208px !important;
    width: 208px;
}

.xxlarge,
.xxlarge .RadInput,
.xxlarge .RadInput .riTable {
    width: 250px !important;
    width: 250px;
}

.xxxlarge,
.xxxlarge .RadInput,
.xxxlarge .RadInput .riTable {
    width: 325px !important;
    width: 325px;
}

.required
{
    color: #FF0000;
}

.middle
{
    vertical-align: middle;
}