﻿
/* -------------------------------------------------------------- */
/* ------------------- Module Container Style ------------------- */
/* -------------------------------------------------------------- */

.MCTableStyle
{
    border: solid 1px #FFF; /*#99c0ff;*/
    border-collapse: collapse;
    background-color: #AEAFB3; /*#e8eef7;*/ /*margin: 0.5px 1ex 1ex;*/
    margin: 0;
    margin-bottom: 10px; /*padding: 20px;*/
    width: 100%;
    font-size: normal;
}

.MCHeaderTableStyle
{
    border: none;
    border-collapse: collapse;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    width: 100%;
}

.MCTableCellStyle
{
    /*edited*/
    padding: 0px 3px;
}

.MCTableCellStyle .header
{
    display: none;
}

.MCTableCellStyle .push
{
    height: 1ex !important;
}

.MCTableCellStyle .footer
{
    text-align: right;
}

div.moduleContentContainer
{
    clear: both;
    overflow: visible;
}

div.moduleContentContainer .AspNet-DataList table
{
    width: 100%;
}

div.moduleContentContainer .SettingsLabel, div.moduleContentContainer .SettingsHeaderLabel, div.moduleContentContainer .SettingsLabelAlignedLeft
{
    font-family: "Lucida Grande" ,Geneva,Arial,Verdana,sans-serif;
    font-size: 0.85em;
}

div.moduleContentContainer .SettingsText
{
    font-family: "Lucida Grande" ,Geneva,Arial,Verdana,sans-serif;
    font-size: 0.8em;
}

div.moduleContentContainer .SettingsHeaderLabel
{
    /*font-size: 12px;*/
    font-weight: bold;
    color: #252E5E;
}

div.moduleContentContainer .SettingsLabel
{
    float: right;
    font-weight: bold;
}

div.moduleContentContainer .SettingsLabelAlignedLeft
{
    font-weight: bold;
}

div.moduleContentContainer .SettingsLink
{
    font-family: "Lucida Grande" ,Geneva,Arial,Verdana,sans-serif;
    font-size: 0.95em;
    font-weight: bold;
    color: #314696;
    padding-left: 18px;
    background: transparent url(../images/link.png) no-repeat scroll left top;
}

div.moduleContentContainer *.settingsLinksWrapper
{
    overflow: hidden;
    margin-bottom: 0.25ex;
}

div.moduleContentContainer .SettingsLinkButton
{
    color: #456FDF;
    font-family: Verdana,Helvetica,Arial,Tahoma,Verdana,sans-serif;
    font-size: 0.85em;
}

div.moduleContentContainer hr
{
    border: solid 1px #DDDDDD;
}

*.moduleItemsSeparator
{
    margin-top: 0.5ex;
    border-top: solid 1px #E0E0E0;
}

.MCTableHeaderRowCellStyle
{
    padding: 0 0.5ex; /*cursor: move;*/
}

.MCTableFooterRowCellStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    padding-left: 1ex;
}

.MCTableRowStyle
{
}

.MCTableHeaderRowStyle
{
    height: 20px;
}

.MCTableFooterRowStyle
{
    height: 20px;
}

.ModuleContainerIconCellStyle
{
    width: 20px;
    vertical-align: bottom;
}

.ModuleContainerTitleCellStyle
{
    width: auto;
    font-size: 83%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: bottom;
    padding-top: 4px;
}

.ModuleContainerTitleStyle
{
}

.ModulContainerButtonsCellStyle
{
    width: 80px;
    text-align: right;
}

.ActionButtonsTableStyle
{
    float: right;
    margin-right: 5px;
}

.ActionHyperlinkStyle
{
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.ActionButtonStyle
{
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.ModulContainerIconStyle
{
    vertical-align: bottom;
}

.close-module-icon
{
    background: transparent url(../images/close.gif) no-repeat scroll 1px top;
    cursor: pointer;
    float: right;
    height: 18px;
    text-indent: -2000px;
    width: 9px;
    margin-top: 5px;
}

.close-module-icon:hover
{
    background-position: -9px top;
}

.edit-module-icon
{
    background: transparent url(../images/editModule-icon.png) no-repeat scroll 0px bottom;
    cursor: pointer;
    height: 16px;
    text-indent: -2000px;
    width: 16px;
    float: right;
    margin-top: 5px;
}

.module-back-link
{
    font-family: Verdana,Helvetica,Arial,Tahoma,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 5px;
}

.Settings-Table
{
    border-collapse: collapse;
    text-align: left;
    table-layout: fixed;
    width: 100%;
}

.ajax__tab_xp .ajax__tab_body .Settings-Table
{
    font-size: larger;
}

.Settings-Table td
{
    /*font-size: 0.75em;*/
    padding: 5px;
    vertical-align: top;
}

.ModuleSettings-Container
{
    background-color: #DDDDDE;
    padding: 0.5ex;
    border: solid 1px #FFFFFF;
}

.ModuleSettings-Container .footer
{
    height: 2.0em; /*margin-top: 1.5ex;*/
    text-align: right;
}

.ModuleSettings-Container .footer .SaveButton
{
    /*float: none;*/
}

.ModuleContent-Container
{
}

.htmlModuleContentWrapper
{
    overflow-x: auto;
    padding: 5px;    
}

.htmlModuleContentWrapper a
{
    color: #2B6AB0;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial;
}

.htmlModuleContentWrapper a:hover
{
    text-decoration: underline;
}

.htmlModuleContentWrapper a img
{
    border: medium none;
}

.htmlModuleContentWrapper p
{
    margin-top: 0;   
}


/* -------------------------------------------------------------- */
/* ------------------ Module Definition Style ------------------- */
/* -------------------------------------------------------------- */

*.module-wrapper
{
    margin-bottom: 5px;
    border: 1px solid #BBBBBB;
    background: #ECECEC none repeat scroll 0%;
}

/* Preview Page Mode*/
body.previewmode *.module-wrapper
{
    border: 0px none;
    background: transparent none repeat scroll 0%;
}

*.module-wrapper-void
{
    margin: 0;
    margin-bottom: 5px;
    border: 0px none;
}

*.module-header
{
    width: 100%; /*float: left;*/
    height: 24px;
    background: #E3E8F3 url(../images/header_background.gif) repeat-x scroll left top;
    margin: 0;
    padding: 0;
    /*position: relative;*/
}
/* NEW!!!!!! */
.module_name_container
{
    width: 100%; 
    height: 25px; 
    line-height: 200%;
    overflow: hidden;
}

body.previewmode .module_name_container
{
    height: auto;
    overflow: visible;
    line-height: 100%;
}

.module_name_container .module_name
{
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
    white-space: normal;
    padding-left: 5px;
    height: 20px;
    vertical-align: top;
}

body.previewmode .module_name_container .module_name
{
    /*color: #114F8A;*/
    color: White;
    font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 23px;
    /*float: left;*/
    white-space: normal;
    padding-left: 0px;    
    margin-bottom: 1px;   
    vertical-align: top; 
}

body.previewmode .blank-module-header .module_name_container .module_name
{
    color: #414141;
}


.module_toolbar
{
   /* position: absolute;*/
    float: right;
    padding: 1px 1px 0pt 0pt;
   /* right: 0px; */
    background: #E3E8F3 url(../images/header_background.gif) repeat-x scroll left top;
}

body.previewmode .module_toolbar
{
   background: Transparent none repeat-x scroll;
}

/* END NEW!!!!!! */

/* Preview Page Mode*/

body.previewmode .module-header,
body.previewmode .blank-module-header
{
    background: transparent none repeat scroll 0%;
    height: auto;
}

body.previewmode .module-header table.moduleheaderoutertable
{
}

body.previewmode .blank-module-header table.moduleheaderoutertable
{
}

body.previewmode .module-header table.moduleheaderoutertable td.moduleheaderoutertable-leftcell
{
    background: transparent url(../Images/moduleheader/clb.gif) no-repeat scroll top left;
    width: 7px;
}

body.previewmode .blank-module-header table.moduleheaderoutertable td.moduleheaderoutertable-leftcell
{
    background: transparent none repeat scroll 0% !important;
    width: 7px;
}

body.previewmode .module-header table.moduleheaderoutertable td.moduleheaderoutertable-middlecell
{
    background: #475b95 url(../Images/moduleheader/chb.gif) no-repeat scroll top left;
}

body.previewmode .blank-module-header table.moduleheaderoutertable td.moduleheaderoutertable-middlecell
{
    background: transparent none repeat scroll 0% !important;
}

body.previewmode .module-header table.moduleheaderoutertable td.moduleheaderoutertable-rightcell
{
    background: transparent url(../Images/moduleheader/crb.gif) no-repeat scroll top left;
    width: 7px;
}

body.previewmode .blank-module-header table.moduleheaderoutertable td.moduleheaderoutertable-rightcell
{
    background: transparent none repeat scroll 0% !important;
    width: 7px;
}

body.previewmode .module-header table.moduleheaderinnertable
{
    height: 23px;
}

body.previewmode .module-header table.moduleheaderinnertable td.moduleheaderinnertable-leftcell
{
}

body.previewmode .module-header table.moduleheaderinnertable td.moduleheaderinnertable-rightcell
{
}

*.module-header *.moduletitle
{
    float: left;
    width: 64.9%;
    white-space: nowrap;
    overflow: hidden;
}

/* Preview Page Mode*/

body.previewmode *.module-header *.moduletitle
{
    float: none;
    width: 100%;
}

*.module-header *.modulebuttons
{
    float: right;
    width: 35%;
    min-width: 35px;
}

/* Preview Page Mode*/

body.previewmode *.module-header *.modulebuttons
{
    display: none;
}

*.moduletitle-oi, *.modulebuttons-oi
{
    border-bottom: 1px solid #BBBBBB;
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    margin-bottom: 1px;
    line-height: 24px;
    vertical-align: middle;
    padding-left: 5px;
}

/* Preview Page Mode*/

body.previewmode *.moduletitle-oi, body.previewmode *.modulebuttons-oi
{
    border-bottom: 1px solid white; /*#5F9ADD;*/
    color: #114F8A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 1px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

*.module-content
{
    /*float: left;*/
    clear: both;
    /*padding: 2px;
    overflow-x: auto;
    overflow-y: hidden;*/
    overflow: auto;
    width: 100%;
}

*.module-wrapper-void *.module-content
{
    padding: 0px;
}

*.module-content-oi
{
    margin: 4px;
    background-color: #FFFFFF;
}

*.module-wrapper-void *.module-content-oi
{
    margin: 0px;
    background-color: transparent;
}

/* Module Footer */
*.module-footer
{
    background: #DADADA none repeat scroll 0%;
    border-top: 1px solid #B3B3B3;
    clear: both;
    height: 6px;
}

body.editlayoutmode .module-footer table.modulefootertable,
body.editcontentmode .module-footer table.modulefootertable
{
    width: 100%; 
    table-layout: fixed; 
    border-collapse: collapse;
}

body.editlayoutmode .module-footer table.modulefootertable td.modulefootertable-leftcell,
body.editcontentmode .module-footer table.modulefootertable td.modulefootertable-leftcell
{
    width: 12px;
    height: 6px;    
}

body.editlayoutmode .module-footer table.modulefootertable td.modulefootertable-middlecell,
body.editcontentmode .module-footer table.modulefootertable td.modulefootertable-leftcell
{
    width: auto;
    height: 6px;  
    text-align: center;  
}

body.editlayoutmode .module-footer table.modulefootertable td.modulefootertable-rightcell,
body.editcontentmode .module-footer table.modulefootertable td.modulefootertable-leftcell
{
    width: 12px;
    height: 6px;    
}

/* Preview Page Mode*/
body.previewmode *.module-footer
{
    background: Transparent none repeat scroll 0%;
    border-top: 0px solid #a2f8fd;
    height: 10px;
    margin: 0;
}

body.previewmode .module-footer table.modulefootertable
{
    width: 100%; 
    table-layout: fixed; 
    border-collapse: collapse;
}

body.previewmode .module-footer table.modulefootertable td.modulefootertable-leftcell
{
    background: transparent url(../Images/modulefooter/flb.gif) no-repeat scroll bottom left;
    width: 12px;
    height: 10px;    
}

body.previewmode .module-footer table.modulefootertable td.modulefootertable-middlecell
{
    background: transparent url(../Images/modulefooter/fhb.gif) repeat-x scroll bottom left;
    width: auto;
    height: 10px;    
}

body.previewmode .module-footer table.modulefootertable td.modulefootertable-rightcell
{
    background: transparent url(../Images/modulefooter/frb.gif) no-repeat scroll bottom right;
    width: 12px;
    height: 10px;    
}

body.previewmode *.module-content-oi 
{
   /* margin: 4px;
    background-color: #FFFFFF;*/
    border: solid 2px #77a1c9;
    margin: 0px;
}

body.previewmode *.module-content-oi.noleftborder 
{
    border: solid 2px #77a1c9;
    border-left: 0px none !important; 
}

body.previewmode *.module-content-oi.norightborder 
{
    border: solid 2px #77a1c9;
    border-right: 0px none !important; 
}

body.previewmode *.module-content-oi.nobottomborder 
{
    border: solid 2px #77a1c9;
    border-bottom: 0px none !important; 
}

body.previewmode *.module-content-oi.notopborder 
{
    border: solid 2px #77a1c9;
    border-top: 0px none !important; 
}

*.actionbutton
{
    /*float: right;     margin-top: 5px;*/
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 2px 1px 0pt 0pt;
    text-indent: -2000px;
    width: 16px;
}

*.actionbutton.settings
{
    background: transparent url(../images/settings_icon.png) no-repeat scroll 0px 0px;
}

*.actionbutton.preferences
{
    background: transparent url(../images/preferencesModule-icon.png) no-repeat scroll 0px 0px;
}

*.actionbutton.newitem
{
    background: transparent url(../images/addModuleItem_icon.png) no-repeat scroll 0px 0px;
}

*.actionbutton.edit
{
    background: transparent url(../images/editModule-icon.png) no-repeat scroll 0px 0px;
}

*.actionbutton.security
{
    background: transparent url(../images/securityModule-icon.png) no-repeat scroll 0px 0px;
}

*.closemoduleicon
{
    float: left;
    background: transparent url(../images/close.gif) no-repeat scroll 1px top;
    cursor: pointer;
    height: 18px;
    text-indent: -2000px;
    width: 9px;
    margin: 2px 1px 0pt 0pt;
}

*.collapseicon
{
    background: transparent url(../images/collapse.gif) no-repeat scroll 50% 1px;
    cursor: pointer;
    display: block;
    height: 6px;
    margin: 0px auto;
    overflow: hidden;
    text-indent: -2000px;
    width: 100%;
}

*.collapseicon:hover
{
    background: transparent url(../images/collapse.gif) no-repeat scroll 50% -9px;
}

*.expandicon
{
    background: transparent url(../images/expand.gif) no-repeat scroll 50% 1px;
    cursor: pointer;
    display: block;
    height: 6px;
    margin: 0px auto;
    overflow: hidden;
    text-indent: -2000px;
    width: 100%;
}

*.expandicon:hover
{
    background: transparent url(../images/expand.gif) no-repeat scroll 50% -9px;
}

/* -------------------------------------------------------------- */
/* --------------------- Module Table Style --------------------- */
/* -------------------------------------------------------------- */

.ModuleTableStyle
{
    /*border:1px solid #B3B3B3;*/
    border-collapse: collapse;
    background-color: White;
    margin: 0px;
    padding: 0px;
}

.ModuleTableCellStyle
{
}

.ModuleTableHeaderRowCellStyle
{
    background: #E3E8F3 url(../images/header_background.gif) repeat-x scroll 0% 50%;
    border-bottom: 1px solid #BBBBBB;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    height: 24px;
    margin-bottom: 1px;
    text-align: left;
    padding-left: 1ex;
}

.ModuleTableFooterRowCellStyle
{
    background-color: #DDDDDD; /*border-top: 1px solid #FFFFFF;*/
    text-align: left;
    color: #666666;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    padding-left: 1ex;
}

.ModuleTableRowStyle
{
}

.ModuleTableHeaderRowStyle
{
    /*height: 20px; 	background-color: #eeeeee; 	font-size: 83%; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: bold;*/
}

.ModuleTableFooterRowStyle
{
    /*height: 20px; 	background-color: #eeeeee; 	font-size: 83%; 	font-family: Arial, Helvetica, sans-serif;*/
}

