/*
 * EES CSS Library [Wizards]
 *
 * @copyright 2010 Squiz Pty Ltd (ABN 77 084 670 600)
 * @license   GNU General Public License v.2
 * @version   SVN: d$
 * @link
*/


/* --------------------------------------------------------------------------------------------- 
START: OVERLAY/MODAL POP UP STYLES
--------------------------------------------------------------------------------------------- */

/* Icon usage */

/* Redirect */
#ees_assetCreationWizardAssetTypes .page_redirect {
    background-image: url(../Images/iconRedirect-large.png);
}

#ees_assetCreationWizard .modalHeaderContent .page_redirect {
    background-image: url(../Images/iconRedirect-medium.png);
    background-position: 50% 50%;
}

/* Page */
#ees_assetCreationWizard .modalHeaderContent .page_standard {
    background-image: url(../Images/iconPage-medium.png);
    background-position: 50% 50%;
}

#ees_assetCreationWizardAssetTypes .page_standard {
    background-image: url(../Images/iconPage-large.png);
}

/* Image & Thumbnail */
#ees_assetCreationWizard .modalHeaderContent .image,
#ees_assetCreationWizard .modalHeaderContent .thumbnail {
    background-image: url(../Images/iconImage-medium.png);
    background-position:-10px -8px;
}

#ees_assetCreationWizardAssetTypes .image,
#ees_assetCreationWizardAssetTypes .thumbnail {
    background-image: url(../Images/iconImage-large.png);
}

/* Folder */

#ees_assetCreationWizard .modalHeaderContent .folder {
    background-image: url(../Images/iconFolder-medium.png);
    background-position: 50% 50%;
}

#ees_assetCreationWizardAssetTypes .folder {
    background-image: url(../Images/iconFolder-large.png);
}

/* File */

#ees_assetCreationWizard .modalHeaderContent .file {
    background-image: url(../Images/iconFile-medium.png);
    background-position: 50% 50%;
}

#ees_assetCreationWizardAssetTypes .file {
    background-image: url(../Images/iconFile-large.png);
}

/* News Item */

#ees_assetCreationWizard .modalHeaderContent .news_item {
    background-image: url(../Images/iconNews-medium.png);
    background-position: 50% 50%;
}

#ees_assetCreationWizardAssetTypes .news_item {
    background-image: url(../Images/iconNews-large.png);
}

/* PDF */

#ees_assetCreationWizard .modalHeaderContent .pdf_file {
    background-image: url(../Images/iconPDF-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .pdf_file {
    background-image: url(../Images/iconPDF-large.png);
}

/* Movie and FLV */

#ees_assetCreationWizard .modalHeaderContent .video_file,
#ees_assetCreationWizard .modalHeaderContent .flv_file {
    background-image: url(../Images/iconMovie-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .video_file,
#ees_assetCreationWizardAssetTypes .flv_file {
    background-image: url(../Images/iconMovie-large.png);
}

/* Word Doc */

#ees_assetCreationWizard .modalHeaderContent .word_doc {
    background-image: url(../Images/iconDOC-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .word_doc {
    background-image: url(../Images/iconDOC-large.png);
    background-position:16px 50%;
}

/* PPT */

#ees_assetCreationWizard .modalHeaderContent .powerpoint_doc {
    background-image: url(../Images/iconPPT-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .powerpoint_doc {
    background-image: url(../Images/iconPPT-large.png);
    background-position:21px 50%;
}

/* Excel */

#ees_assetCreationWizard .modalHeaderContent .excel_doc {
    background-image: url(../Images/iconExcel-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .excel_doc {
    background-image: url(../Images/iconExcel-large.png);
    background-position:21px 50%;
}

/* Sound */
#ees_assetCreationWizard .modalHeaderContent .mp3_file {
    background-image: url(../Images/iconSound-medium.png);
    background-position:-10px -5px;
}

#ees_assetCreationWizardAssetTypes .mp3_file {
    background-image: url(../Images/iconSound-large.png);
}

/* Cal Events */

#ees_assetCreationWizard .modalHeaderContent .calendar_event_single,
#ees_assetCreationWizard .modalHeaderContent .calendar_event_recurring {
    background-image: url(../Images/iconEvent-medium.png);
    background-position: 50% 50%;
}

#ees_assetCreationWizardAssetTypes .calendar_event_single,
#ees_assetCreationWizardAssetTypes .calendar_event_recurring {
    background-image: url(../Images/iconEvent-large.png);
}

/* Data Record */
#ees_assetCreationWizard .modalHeaderContent .data_record {
    background-image: url(../Images/iconDataRecord-medium.png);
    background-position: -7px 2px;
}

#ees_assetCreationWizardAssetTypes .data_record {
    background-image: url(../Images/iconDataRecord-large.png);
}

/* Link */
#ees_assetCreationWizard .modalHeaderContent .link {
    background-image: url(../Images/iconLink-medium.png);
}

#ees_assetCreationWizardAssetTypes .link {
    background-image: url(../Images/iconLink-large.png);
}

/* Single date **/

#ees_eventCreateInformation .dataRow {
    width: 100%;
}

#ees_assetCreationWizard .typeOne {
    width:46px;
}

#ees_assetCreationWizard .typeTwo {
    width:46px;
}

#ees_assetCreationWizard .slider {
    background: url(../Images/toggle-slider-mid.png) bottom left repeat-x;
    border:1px solid #cdced0;
    width:92px;
    height:21px;
    line-height:21px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#ees_assetCreationWizard .slider a {
    font-family:Verdana,Arial,sans-serif;
    font-size:11px;
    color:#000000;
    outline:none;
    text-decoration:none;
    text-align: center;
}

#ees_assetCreationWizard .slider .selected {
    font-weight:bold;
}

#ees_assetCreationWizard .slider:hover,
#ees_assetCreationWizard .slider a:hover {
    cursor:pointer;
}

#ees_assetCreationWizard .sliderHandle {
    display:block;
    clear:both;
    float:left;
    width: 40px;
    height: 31px;
    margin-top:-26px;
    margin-left:3px;
    background:url(../Images/toggle-slider-glow.png) left top no-repeat;
}

/* by default handle will sit on yes but if on screen load its type 2 then use this */
#ees_assetCreationWizard .hiddenFromMenus .sliderHandle {
    margin-left:49px;
}

/* Validation warnings */
#ees_assetCreationWizard .modalBodyButtons .error {
    display: block;
    background: #BE2C2C;
    color: #fff;
    padding: 0 0 0 10px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#ees_assetCreationWizard .modalBodyButtons .disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

#ees_assetCreationWizard .modalBodyButtons .chevron {
    border-top: 12px solid #fff;
    border-right: 12px solid #fff;
    border-bottom: 12px solid #fff;
    border-left: 12px solid #fff;
    display: block;
    width: 0px;
    float: right;
    border-left-color: #BE2C2C;
}

/* default styles for create forms */

.defaultCreate {
    background-color:#EEEEEE;
    padding:10px;
}

.defaultCreate .createSection {
    margin-bottom:10px;
    overflow:hidden;
}

.defaultCreate h2 {
    padding:0px;
    margin:0;
    border-bottom: solid 1px #cccccc;
    font-size:18px;
    font-weight:normal;
}

.defaultCreate #showInMenu,
.defaultCreate .showInMenu {
    padding:5px 0px;
}

.defaultCreate .dataRow {
    margin-bottom:8px;
    overflow:hidden;
}

.defaultCreate .dataRow p {
    margin:0.5em 0px;
}

.defaultCreate .required {
    background:url(../Images/required_stars.png) right top no-repeat;
    padding-right:17px;
}

.defaultCreate p.fieldWarning , .defaultCreate #ees_createWarning {
    background:#be2c2c url(../Images/error.png) 5px 50% no-repeat;
    height:24px;
    line-height:24px;
    color:#FFFFFF;
    border:solid 1px #d67373;
    padding:0px 5px 0px 30px;
    margin:5px 0px;
}

#ees_imageCreateInformation .altGrouping p.fieldWarning {
    height: auto;
    line-height: normal;
    margin-right: 14px;
    padding:2px 5px 2px 30px;
}

.defaultCreate #ees_createWarning {
    display:none;
}

.defaultCreate input.textInput,
.defaultCreate textarea.textInput {
    background-color:#FFFFFF;
    border:1px solid #C2C3C5;
    color: #000000;
    font-size:12px;
    padding:3px 2px;
    width:150px;
}

.defaultCreate textarea.textInput {
    width:200px;
}

.defaultCreate .createSection {
    overflow:hidden;
}

.defaultCreate .notes {
    color:#8C8C8C;
    display:block;
    font-size:0.85em;
    line-height:normal;
    margin:0;
    padding:3px 0px 0px 2px;
}

/* File specific */

.defaultCreate input.defaultFileName {
    color: #C2C3C5;
}

.defaultCreate input.active,
.defaultCreate textarea.active {
    border:1px solid #6FA8D7;
}

#ees_creatLocations {
    width:416px;
    clear:both;
}

#ees_locationSelectors {
    padding-right: 10px;
}

#ees_locationSelectors .spacer {
    line-height: 26px;
    margin: 0 10px;
}

#ees_createLocationsList {
    width:300px;
    margin:0px;
    padding:0px;
    list-style:none;
}

#ees_createLocationsList li  {
    border-bottom:1px dotted #878787;
    overflow:hidden;
}

#ees_createLocationsList li:first-child {
    border-top:1px dotted #878787;
}

#ees_createLocationsList .noneSelected {
    height:2.5em;
    line-height:2.5em;
    color: red;
}

#ees_createLocationsList .notSelected {
    background:url(../Images/delete_overlay.png) repeat 0 0;
}

#ees_createLocationsList .selected {
    background-color:#FFFFFF;
}

#ees_createLocationsList .toggleSelection {
    background: url(../Images/delete_recover_dark.png) no-repeat 0 0;
    display:block;
    height:16px;
    margin:8px 8px 0px 0px;
    width:16px;
}

#ees_createLocationsList .toggleSelection:hover {
    cursor:pointer;
}

#ees_createLocationsList .notSelected .toggleSelection {
    background-position:0 -16px;
}

#ees_createLocationsList .assetIcon {
    height:2.5em;
    margin:0px 5px;
    width:30px;
}

#ees_createLocationsList .assetName {
    line-height:2.5em;
    height:2.5em;
    overflow:hidden;
    width: 225px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
}

/* Image Create Screen */

#ees_createImage .dataLeftColumn {
    width:305px;
    border-right:solid 1px #CCC;
    margin:10px 0px;
    overflow:hidden;
}

#ees_createImage .dataRightColumn {
    overflow:hidden;
    width:312px;
    padding-left:15px;
    margin:10px 0px;
}

#ees_createImage .createSection {
    margin-bottom:0px;
}

/* Recurring event create screen */

.createSection .datePickerLabel {
    width: 100px;
}

.createSection .until {
    margin-left: 10px;
}

.createSection .menuLabel {
    padding-top:10px;
}

#ees_frequencySelection input[type=radio] {
    margin:0 5px;
}

#ees_imageCreateInformation .dataLeftColumn {
    border-right: 1px solid #E6E6E6;
    margin-right: 10px;
}

#ees_imageCreateInformation .dataRow {
    width:300px;
}

#ees_imageCreateInformation .dataLeftColumn .dataRow {
    width:340px;
}

#ees_imageCreateInformation .altGrouping {
    width: 50%;
}

/* create success styles */

#ees_createSuccess {
    border:1px solid #FFFFFF;
    background-color: #FFFFFF;
    padding:15px 37px 15px 37px
}

#ees_createSuccess h2 {
    border-bottom:none;
}

#ees_createSuccess .extraInformation h3 {
    font-size: 14px;
    font-weight: normal;
}

#ees_createSuccess .extraInformation {
    font-size: 90%;
    padding-top: 20px;
}

#ees_createSuccess .extraInformation {
    margin-left: 16px;
}

#ees_createSuccessMessage {
    width:325px;
    overflow:hidden;
}

#ees_createSuccessMessage .error {
    border: 1px solid #9f3732;
    color: #9f3732;
    padding: 6px 6px 6px 36px;
    background: #f7e3e2 url('../Images/error_white.png') no-repeat 8px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#ees_restartCreateWizard {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    text-align: center;
}

#ees_createSuccessMessage p { margin-bottom: 10px; }

#ees_createSuccessAssets {
    width: 430px;
    overflow:hidden;
}

#ees_createSuccessAssetsList {
    width: 430px;
    margin:0px;
    padding:0px;
    list-style:none;
}

#ees_createSuccessAssetsList li  {
    border-bottom:1px dotted #dddddd;
    line-height:2.5em;
    overflow: hidden;
}

#ees_createSuccessAssetsList .successIcon {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

#ees_createSuccessAssetsList .errorIcon {
    background: url("../Images/error_white.png") no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 12px 24px 0 0;
    float: right;
}

#ees_createSuccessAssetsList .assetIcon {
    height:2.5em;
    margin:0px 5px;
    width:30px;
}

#ees_createSuccessAssetsList .assetName {
    line-height:2.5em;
    width: 290px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#ees_createSuccessAssetsList .assetEdit {
    margin-top:4px;
}

/** Errors **/

#ees_createFailMessage ul,
#ees_createFailMessage p {
    margin: 10px 0px 10px 20px;
}


/* --------------------------------------------------------------------------------------------- 
END: OVERLAY/MODAL POP UP STYLES
--------------------------------------------------------------------------------------------- */