﻿/*----------------------------------------------------*/
/* Standard Css */

@media print { 
    .disablePrint
    {
        display: none;
        visibility: hidden;
    }
}

body 
{
	/*font-family: 'Segoe UI' !important;*/
	font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif !important;
	/*font-size: 0.7em !important;*/
}
.bold
{
    font-weight: bold;
}

.defaultPadding
{
	padding: 8px;
}
.defaultPaddingTop
{
	padding-top: 8px;
}
.defaultPaddingLeft
{
	padding-left: 8px;
}
.defaultPaddingRight
{
	padding-right: 8px;
}
.defaultPaddingBottom
{
	padding-bottom: 8px;
}
.paddingTop0
{
	padding-top: 0px;
}
.paddingLeft0
{
	padding-left: 0px;
}
.paddingRight0
{
	padding-right: 0px;
}
.paddingBottom0
{
	padding-bottom: 0px;
}
ul.paddingTop0 li
{
	padding-top: 0px;
}
ul.paddingLeft0 li
{
	padding-left: 0px;
}
ul.paddingRight0 li
{
	padding-right: 0px;
}
ul.paddingBottom0 li
{
	padding-bottom: 0px;
}

.paddingTop5
{
	padding-top: 5px;
}
.paddingLeft5
{
	padding-left: 5px;
}
.paddingRight5
{
	padding-right: 5px;
}
.paddingBottom5
{
	padding-bottom: 5px;
}
.paddingLeft16
{
    padding-left:16px;    
}
.defaultMargin
{
	margin: 8px;
}
.defaultMarginTop
{
	margin-top: 8px;
}
.defaultMarginLeft
{
	margin-left: 8px;
}
.defaultMarginRight
{
	margin-right: 8px;
}
.defaultMarginBottom
{
	margin-bottom: 8px;
}
.marginBottom50
{
	margin-bottom: 50px;
}
.noMargin
{
    margin: 0px;
}
.editArea
{
}
.editArea ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.editArea li
{
	margin: 0px;
	padding: 5px;
	list-style: none;
	clear: both;
}
.editArea li span
{
	line-height: 20px;
}
.editArea .RadToolBar li
{	
	padding: 0;		
}
.removeListStyle {
    list-style: none;
    margin:0px;
    padding:0px;
}
.removeListStyle li{
    margin:0px;
    padding:5px;
    list-style:none;
}
.removeListStyle li span {
    line-height: 20px;    
}
.blockList li {
    display: block;
}
.columnPanel
{
	float: left;
	margin: 0px;
	margin-right: 10px;
}

.columnPanel410
{
    min-width: 410px;
	float: left;	
    padding:0;
    margin:0;
    margin-bottom:5px;
	margin-right: 10px;
}

.column450 {
    -webkit-column-width: 450px;
    -moz-column-width: 450px;
    column-width: 450px;
}

.editArea .column450 ul{
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:block;                      /* Actually FF 20+ */
}

.floatTop {
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.columnPanelBorder
{
	height: 210px;
	border: 1px solid black;
}

.messagePanel .cfgIcon
{
	position: absolute;
	margin-top: -8px;
	top: 50%;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
    background: url(../Images/Icons/info.16x16.png) 0px 0px no-repeat;
}

.messagePanel .cfgTitle
{
	margin-left: 20px;
	color: #1040ff;
}

.messagePanel .errorMessage .cfgTitle
{
	margin-left: 20px;
	color: Red;
}
.messagePanel .errorMessage .cfgIcon
{
	background: url(../Images/Icons/delete.16x16.png) 0px 0px no-repeat;
}

.messagePanel .successMessage .cfgTitle
{
	margin-left: 20px;
	color: green;
}
.messagePanel .successMessage .cfgIcon
{
	background: url(../Images/Icons/ok.16x16.png) 0px 0px no-repeat;
}

.messagePanel .warningMessage .cfgTitle
{
	margin-left: 20px;
	color: Yellow;
	background-color: #808080;
}
.messagePanel .warningMessage .cfgIcon
{
	background: url(../Images/Icons/warning.16x16.png) 0px 0px no-repeat;
}

.clearer
{
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 1%;
	font-size: 0;
}
.maxHeight
{
    height:100%; /* IE6: treated as min-height*/

    min-height:100%; /* real browsers */
}
.autoWidth 
{
    width:100%;
}
.autoHeight
{
    height: auto !important;
}
.alignLeft
{
	text-align: left;
}
.alignMiddle
{
	text-align: center;
}
.alignRight
{
	text-align: right;
}
.verticalAlignBottom {
    vertical-align:bottom;
}
.verticalAlignMiddle {
    vertical-align: middle;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}
.clearLeft
{
	clear: left;
}
.clearRight
{
	clear: right;
}
.hidden
{
	display: none;
	visibility: hidden;
}
.scrollBox
{
    overflow: auto;        
}
.scrollBox200
{
    overflow: auto;        
    height:200px;
}
.scrollBox350
{
    overflow: auto;        
    height:350px;
}
.noWrap 
{
   white-space: nowrap;   
}
.LineThrough
{
    text-decoration: line-through;
}

.valignTop 
{
    vertical-align: top;
}

.valignBottom 
{
    vertical-align: bottom;
}
.borderDown
{
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.borderUp
{
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.borderBottomDotted {
    border-bottom: 1px dotted #333;
}
.toolbarColor
{
}
.positionFixed 
{
    position:fixed;
}
div.positionFixed 
{
    position:fixed;
}
.minHeight60{
    min-height:60px;
}
.padding0
{
	padding: 0px;
}
.padding1
{
	padding: 1px;
}
.padding2
{
	padding: 2px;
}
.padding3
{
	padding: 3px;
}
.padding4
{
	padding: 4px;
}
.padding5
{
	padding: 5px;
}
.padding6
{
	padding: 6px;
}
.padding7
{
	padding: 7px;
}
.padding8
{
	padding: 8px;
}
.padding9
{
	padding: 9px;
}
.padding10
{
	padding: 10px;
}
.margin1
{
	margin: 1px;
}
.margin2
{
	margin: 2px;
}
.margin3
{
	margin: 3px;
}
.margin4
{
	margin: 4px;
}
.margin5
{
	margin: 5px;
}
.margin6
{
	margin: 6px;
}
.margin7
{
	margin: 7px;
}
.margin8
{
	margin: 8px;
}
.margin9
{
	margin: 9px;
}
.margin10
{
	margin: 10px;
}
.divMargins div
{
    margin-bottom:10px;
}
.width140px {
    width:140px;
}
.widthSpan20px
{
	display: block;
	float: left;
	width: 20px;
}
.widthSpan30px
{
	display: block;
	float: left;
	width: 30px;
}
.widthSpan40px
{
	display: block;
	float: left;
	width: 40px;
}
.widthSpan50px
{
	display: block;
	float: left;
	width: 50px;
}
.widthSpan60px
{
	display: block;
	float: left;
	width: 60px;
}
.widthSpan70px
{
	display: block;
	float: left;
	width: 70px;
}
.widthSpan80px
{
	display: block;
	float: left;
	width: 80px;
}
.widthSpan90px
{
	display: block;
	float: left;
	width: 90px;
}
.widthSpan1
{
	display: block;
	float: left;
	width: 100px;
}
.widthSpan2
{
	display: block;
	float: left;
	width: 150px;
}
.widthSpan3
{
	display: block;
	float: left;
	width: 200px;
}
.widthSpan4
{
	display: block;
	float: left;
	width: 250px;
}
.widthSpan5
{
	display: block;
	float: left;
	width: 300px;
}
.widthSpan6
{
	display: block;
	float: left;
	width: 400px;
}
.widthSpan7
{
	display: block;
	float: left;
	width: 450px;
}
.widthSpan8
{
	display: block;
	float: left;
	width: 500px;
}
.widthSpan9
{
	display: block;
	float: left;
	width: 550px;
}
.maxWidth935{
    max-width:935px;
}
.inline 
{
    display:inline;
}
.inlineBlock 
{
    display:inline-block;
}

input.inputerror
{
	color: Red !important;
	border: 1px solid red !important;
}
.inputError input,
.inputError select
{
	color: Red !important;
	border: 1px solid red !important;
}
.validationError
{
    color: #ff0000 !important;
	border: 1px solid !important;
}
.validationErrorShort
{
    color: #ff0000 !important;	
}

.backgroundColorRed
{
    background-color: Red;
}

.IsCurrentSectionOfficial
{
    color: Red !important;
    font-weight: bold;
}

.editArea .bulletList, .editArea .bulletList li
{
    list-style-type:disc;  
    list-style-position: inside;  
}

/*----------------------------------------------------*/
/* Colors */

.fontRed {
    color:#ff0000;
}

/*----------------------------------------------------*/
/* Font sizes */

.font16, .font16 label {
    font-size: 16px !important; 
}

.font14, .font14 label {
    font-size: 14px !important; 
}

.font12, .font12 label {
    font-size: 12px !important; 
}

/*----------------------------------------------------*/
/* Page specific */

.additionalRulesPage .cfgTitle 
{
    font-size: 14px;       
}
.additionalRulesPage .cfgHead
{
    padding-bottom:10px;       
}
.additionalRulesPage .qsfConfig .cfgContent
{
    padding: 0 10px;
}

.TALoginMobileWarning{
    display:none;
}

.TALoginMobileWarning a {
    color:#000 !important;
}
.TALoginMobileWarning a:hover,
.TALoginMobileWarning a:focus {
    text-decoration:none;
}

/*----------------------------------------------------*/
/* Icons */
.cursorHand
{
	cursor: pointer;
}
input[type="button"].Icon,
input[type="submit"].Icon,
input[type="button"].IconNoFloat,
input[type="submit"].IconNoFloat
{
	cursor: pointer !important;
    border-style:none;
}
input[type="button"].Icon{
    background-color:transparent;
}
input[type="image"]{
    border:0 !important;
}
.errorIcon {
	background: url(../Images/Icons/Dynamic/delete.32x16.png) 0 0 no-repeat;
}
.errorIconLeftBackground {
	background: url(../Images/Icons/Dynamic/delete.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.warningIcon {
	background: url(../Images/Icons/Dynamic/warning.32x16.png) 0 0 no-repeat;
}
.warningIconLeftBackground {
	background: url(../Images/Icons/Dynamic/warning.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.deleteIcon {
	background: url(../Images/Icons/Dynamic/delete.32x16.png) 0 0 no-repeat;
}
.deleteIconLeftBackground {
	background: url(../Images/Icons/Dynamic/delete.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.removeIcon {
	background: url(../Images/Icons/Dynamic/remove.32x16.png) -16px 0 no-repeat;
}
.removeIconLeftBackground {
	background: url(../Images/Icons/Dynamic/remove.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.saveIcon {
	background: url(../Images/Icons/Dynamic/save.32x16.png) 0 0 no-repeat;
}
.saveIconLeftBackground {
	background: url(../Images/Icons/Dynamic/save.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.okIcon {
	background: url(../Images/Icons/Dynamic/ok.32x16.png) 0 0 no-repeat;
}
.okIconLeftBackground {
	background: url(../Images/Icons/Dynamic/ok.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.minusIcon {
	background: url(../Images/Icons/Dynamic/minus.32x16.png) 0 16px no-repeat;
}
.minusIconLeftBackground {
	background: url(../Images/Icons/Dynamic/minus.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.plusIcon {
	background: url(../Images/Icons/Dynamic/plus.32x16.png) 0 16px no-repeat;
}
.plusIconLeftBackground {
	background: url(../Images/Icons/Dynamic/plus.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.flagDisabledIcon {
	background: url(../Images/Icons/Dynamic/flag-disabled.32x16.png) 0 0 no-repeat;
}
.flagRedIcon {
	background: url(../Images/Icons/Dynamic/flag-red.32x16.png) 0 0 no-repeat;
}
.editIcon {
	background: url(../Images/Icons/Dynamic/edit.32x16.png) -16px 0 no-repeat;
}
.editIconLeftBackground {
	background: url(../Images/Icons/Dynamic/edit.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.infoIcon {
	background: url(../Images/Icons/Dynamic/info.32x16.png) 0 0 no-repeat;
}
.infoIconLeftBackground {
	background: url(../Images/Icons/Dynamic/info.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.questionIcon {
	background: url(../Images/Icons/Dynamic/help.32x16.png) 0 0 no-repeat;
}
.questionIconLeftBackground {
	background: url(../Images/Icons/Dynamic/help.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.shoppingCartAddIconLeftBackground{
    background: url(../Images/Icons/Dynamic/shopping.cart.add.32x16.png) -16px 0 no-repeat;
    padding-left:20px;
}
.arrowupIcon {
	background: url(../Images/Icons/Dynamic/arrowup.32x16.png) 0 0 no-repeat;
}
.arrowdownIcon {
	background: url(../Images/Icons/Dynamic/arrowdown.32x16.png) 0 0 no-repeat;
}
.arrowdownIconLeftBackground {
	background: url(../Images/Icons/arrowdown.16x16.png) 0 0 no-repeat;
    padding-left:18px;
}
.popupInfoIcon div.rwDialogPopup {
    background: url(../Images/Icons/32x32/info.32x32.png) 0 0 no-repeat !important;
}
.printIconLeftBackground {
	background: url(../Images/Icons/printer.16x16.png) 0 0 no-repeat;
    padding-left:18px;
}
.Icon {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
}
.IconNoFloat
{
	display: inline;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
}
.EnabledIcon {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-position: -16px -0px;
}
.DisabledIcon {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-position: 0px 0px;
}
.Icon, 
.IconNoFloat 
{ 
    background-position: 0 -0px; 
}
.Icon:hover, 
.IconNoFloat:hover 
{ 
    background-position: -16px -0px; 
}

/*
    Form controls
*/

.dynamicFormControlContainer{
    min-width:750px;
    padding-top:8px;
    clear:both;
}

ul.formList label{
    display:block;
}

ul.floatedFormList li{
    float:left;
}

/*----------------------------------------------------*/
/* Telerik fixes */

/* RadGrid */

.RadGrid .rgRow td input[type="text"],
.RadGrid .rgAltRow td input[type="text"]
{
	margin: 0px;
	/*width: 100px;*/
}
.RadGrid .rgHoveredRow
{
	cursor: pointer !important;
}

.DisableExpandCollapseColumn .rgExpandCol,
.DisableExpandCollapseColumn .rgGroupCol
{
    display: none !important;
}

/*
    Add italic text to RadTextBox EmptyMessage
*/
input.riEmpty
{
    font-style: italic !important;
}

div.RadGridNoPadding .rgMasterTable tr.rgRow td,
div.RadGridNoPadding .rgMasterTable tr.rgAltRow td
{
    padding: 0;
}

div.RadGridNoBorder .rgMasterTable tr.rgRow td,
div.RadGridNoBorder .rgMasterTable tr.rgAltRow td
{
    border: 0;
}

div.RadGridNoPadding .rgMasterTable tr.rgRow td table.DefaultPadding td,
div.RadGridNoPadding .rgMasterTable tr.rgAltRow td table.DefaultPadding td
{
    padding: 5px 7px 4px 7px;
}

.rbSkinnedButton .rbDecorated {
    cursor:default;
}

div .padLeft-15px {
    padding-left: 15px;
}

/*----------------------------------------------------*/
/* MEDIA QUERIES */
@media only screen and (max-width: 899px) {
    .TALoginMobileWarning{
        display:block;
        max-width: 100%;
        margin:1em;
        background:#fff;
        border:1px solid red;
        color:#000;
        padding:0 1em;        
    }
}
.reTool.reSave:before {
	content: "\e109";
}

.reTool.reCancel:before {
	content: "\e115";
}