﻿body
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #000000;
}

/******************************
*
*	Standard classes
*
******************************/

.clearFloat
{
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    overflow: hidden;
    zoom: 1;
}

.floatLeft
{
    float: left;
}

.floatRight {
     float: right;
   
}

button,
.clickable
{
    cursor: pointer;
}

/******************************
*
*	Main containers
*
******************************/

#copyrightContainer
{
    width: 940px;
    margin: 0 auto;
}

#viewport
{
    margin: 0 auto;
    position: relative;
}

.popupContent
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99997 !important;
}

.popupContent.processing
{
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: transparent url(/Images/Common/Processing.gif) no-repeat scroll center;
}

.popupMask
{
    position: absolute;
    z-index: 99996 !important;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #202020;
    opacity: .6;
    filter: alpha(opacity=60);
}

#loginOverlay
{
    background-color: #202020;
    display: none;
    opacity: .6;
    filter: alpha(opacity=60);
    position: absolute;
    z-index: 3000;
}

#loginOverlayOverlay
{
    background-color: #c0c0c0;
    display: none;
    position: absolute;
    z-index: 3001;
    color: #202020;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    border: 2px solid #c00000;
}

.youTubeVideo
{
    text-align: center;
}

/******************************
*
*	Panels
*
******************************/

.panelHeader
{
    border-bottom: solid 1px #d5d5d5;
    display:flex;
}

.panelHeader .panelLeft,
.panelHeader .panelRight
{
    float: left;
    width: 10px;
    height: 32px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px 0px;
}

.panelHeader .panelRight
{
    background-position: -11px 0px;
}

.panelHeader .panelFlex,
.panelHeader .panelItem,
.panelHeader .panelMore
{
    float: left;
    height: 24px;
    padding-top: 8px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px -56px;
    background-repeat: repeat-x;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.panelHeader .panelMore
{
    font-size: 11px;
}
.panelHeader .panelMore .clickable
{
    color: #0000ff;
}
.panelHeader .panelMore .clickable:hover
{
    color: #c02020;
}

.panelContent
{
    background-color: #ffffff;
    color: #808080;
    font-size: 11px;
    font-weight: normal;
    padding: 10px 9px 0px 9px;
    border-left: solid 2px #d5d5d5;
    border-right: solid 2px #d5d5d5;
}

.panelCorners
{
    margin-top: -10px;
    margin-bottom: 16px;
    position: relative;
}

.panelCorners .panelLeft,
.panelCorners .panelRight
{
    float: left;
    width: 10px;
    height: 12px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px -44px;
}

.panelCorners .panelRight
{
    background-position: -11px -44px;
}

.panelCorners .panelFlex
{
    float: left;
    height: 12px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px -100px;
    background-repeat: repeat-x;
}

.panelFooter {
    display: flex !important;
}

.panelFooter .panelLeft,
.panelFooter .panelRight
{
    float: left;
    width: 10px;
    height: 12px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px -32px;
}

.panelFooter .panelRight
{
    background-position: -11px -32px;
}

.panelFooter .panelFlex
{
    float: left;
    height: 12px;
    background-image: url(/Images/Common/PanelCorners.png);
    background-position: 0px -88px;
    background-repeat: repeat-x;
}

.messageContent
{
    min-width: 250px;
}

.messageContent span
{
    font-weight: bold;
}

.messageContent img
{
    max-height: 400px;
}

.messageContent .errorMessage
{
    color: Red;
}

/******************************
*
*	TextEdit/ComboBox/Button
*
******************************/

.buttonArea
{
    text-align: right;
}

.buttonArea span
{
    display: inline-block;
}

.buttonArea .controlMid
{
    text-align: center;
}

.buttonAreaLeft
{
    float: left;
    text-align: center;
}

.controlLeft
{
    float: left;
    width: 6px;
    height: 26px;
    background-image: url(/Images/Common/EditCorners.png);
    background-position: 0px 0px;
}
.controlMid
{
    float: left;
    height: 26px;
    background-image: url(/Images/Common/EditCorners.png);
    background-position: 0px -26px;
    background-repeat: repeat-x;
    padding-top: 4px;
}
.controlRight
{
    float: left;
    width: 6px;
    height: 26px;
    background-image: url(/Images/Common/EditCorners.png);
    background-position: -7px 0px;
}
.controlRightSpace
{
    float: left;
    width: 12px;
    height: 26px;
    background-image: url(/Images/Common/EditCorners.png);
    background-position: -7px 0px;
    background-repeat: no-repeat;
}

.checkBoxLabel
{
    color: #404040;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    line-height: 18px;
}

.editTextLabel
{
    position: absolute;
    top: 6px;
    right: 0px;
}

.radioButtonLabel
{
    color: #404040;
    font-size: 12px;
    vertical-align: top;
    line-height: 18px;
}

/******************************
*
*	TextArea
*
******************************/

.editor .controlLeft,
.editor .controlMid,
.editor .controlRight
{
    height: 6px;
    padding: 0px;
}

.editor .mid
{
    background-image: none;
    background-color: #f8f8f8;
    height: 120px;
    padding: 0px;
    margin: 0px;
}

.editor textarea
{
    height: 120px;
}

.controlLeft.mid
{
    border-left: 1px solid #d0d0d0;
    width: 5px;
}
.controlRight.mid
{
    border-right: 1px solid #d0d0d0;
    width: 5px;
}
.controlRightSpace.mid
{
    border-right: 1px solid #d0d0d0;
    width: 5px;
    margin-right: 6px;
}

.controlLeft.bot
{
    background-position: 0px -20px;
}
.controlMid.bot
{
    background-position: 0px -46px;
}
.controlRight.bot
{
    background-position: -6px -20px;
}

/******************************
*
*	Defaults for dialog/message panel controls
*
******************************/

.popupContent .formControl
{
    width: 200px;
}

.popupContent .formControl.half
{
    width: 91px;
}

.popupContent .formControl.date
{
    width: 55px;
}

.popupContent button
{
    min-width: 45px;
     *min-width:auto;
    color:#000000;
    font:inherit;
    font-size:12px;
    font-weight:normal;
    border:none;
    padding:1px0px;
    background-color:transparent;
}

.popupContent button.bfDefault
{
    font-weight:bold;
}

.popupContent input[type=file]
{
    margin-top: -3px;
}

.popupContent input[type=text],
.popupContent input[type=password],
.popupContent select,
.popupContent textarea
{
    width: 100%;
    color: #404040;
    font: inherit;
    border: none;
    padding: 1px 0px;
    background-color: transparent;
}

.popupContent textarea
{
    height: 120px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.popupContent button[disabled],
.popupContent button.disabled,
.popupContent input[disabled],
.popupContent input.disabled,
.popupContent select[disabled],
.popupContent select.disabled,
.popupContent textarea[disabled],
.popupContent textarea.disabled
{
    cursor: default;
    color: #a0a0a0;
}

/******************************
*
*	menus
*
******************************/


.menuItem
{
    float: left;
    cursor: pointer;
}

.menuPopup
{
    visibility: hidden;
    position: absolute;
    z-index: 5999;
}
.menuPopupItem
{
    visibility: inherit;
    cursor: pointer;
}

/******************************
*
*	Forms
*
******************************/

.formField
{
    float: left;
}

.formButtons
{
    text-align: center;
}

.formControl
{
    float: left;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
}

.formControl.mini
{
    width: 300px;
}

.fullWidth
{
    width: 900px;
}

.halfWidth
{
    width: 436px;
}

.midiWidth
{
    width: 650px;
}

.formButton
{
    min-width: 45px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

button[disabled],
button.disabled,
input[disabled],
input.disabled,
select[disabled],
select.disabled,
textarea[disabled],
textarea.disabled
{
    cursor: default;
    color: #a0a0a0;
}

.formCheckBox
{
    margin-top: 5px;
}

.formCheckBoxLabel,
.formDropDown,
.formEditDate,
.formEditFile,
.formEditText
{
    width: 100%;
}

.formNote
{
    width: 100%;
    height: 120px;
}

.formLabel
{
    float: left;
    width: 100px;
    color: #404040;
    font-weight: bold;
    text-align: right;
    padding-top: 6px;
    padding-right: 6px;
}

.formTag
{
    color: #404040;
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 6px;
}

.formCheckBoxLabel
{
    color: #606060;
    vertical-align: top;
}

.formLabel.maxi
{
    width: 150px;
}

.formLine.mini
{
    width: 400px;
}

.formSeparator
{
    height: 10px;
    border-top: dashed 1px #c0c0c0;
    margin-top: 10px;
}

/******************************
*
*	Campaign Builder: Editor
*
******************************/

/*.draggable
{
    position: absolute;
}
*/
.toolIcon
{
    position: absolute;
    z-index: 100;
}

.linkable
{
    cursor: pointer;
}

.movable
{
    cursor: move;
}

.sizable
{
    cursor: se-resize;
}

#missing
{
    position: absolute;
    top: 300px;
    left: 300px;
    background-color: #ffffff;
    color: red;
    font-weight: bold;
    padding: 4px;
}

#copyright
{
    text-align: center;
    font-size: 8pt;
    padding-bottom: 10px;
}

#bfAjaxFormTarget
{
    border-width: 0px;
    width: 0px;
    height: 0px;
    visibility: hidden;
}
