/***************************************************/
/*  NAME :                                         */
/*	style.css                                  */
/*  style for skin8                                */
/*                                                 */
/*  DESC :                                         */
/*  written for CorePublish 4.0                    */
/*                                                 */
/*                                                 */
/*  If you copy this document please modify this   */
/*  header comment too. Use the version tracker    */
/*  below:                                         */
/*                                                 */
/*   Arve Skjørestad  august 2004 v2.0             */
/*                                                 */
/***************************************************/


/* Approved 4.0 styles (meaning they are verified to be in use) */

/* GLOBAL styles START */
        BODY {
                background-color:white;
        	font-size: 11px; 
                margin: 0px; 
                padding: 0px;
        }
        
        .stdimage {
                border:0px;     
                vertical-align:middle;
        }
        
        LABEL {
                cursor: pointer; cursor: hand;
                width:100%;
                display:block;
        }       
        
        TABLE {
                background-color:transparent;
        }
        
        A {
                color:black;
        }
        
        FORM {
                display:inline; 
                /* break:none; */
        } 
        
/* GLOBAL styles END */


/* TOPBAR styles START */
        #topbar {
                text-align:right;
                width:887px;
                height:24px; 
        }
        
        #innertopbar {
                padding-top: 5px;
                padding-right: 10px;
        }
        
        #logoimg {
                position:absolute;
                top:0px;
                left:885px;
                background-image: url('../icon/coretrek_logo.gif');
                background-repeat: no-repeat;
                width:113px;
                height:24px;
        }
        
        #cpimg {
                position:absolute;
                top:0px;
                left:0px;
                background-image: url('../icon/corepublish4.gif');
                background-repeat: no-repeat;
                width:132px;
                height:24px;
        }
        
        #topmenu {
                width:998px;
                padding: 0px 2px 0px 14px;
                height:26px;
        }
        
        /* We need to adjust to different widht for mozilla.
           This will only be visible for Mozilla. */
        head:first-child+body #topmenu {
                width:982px;
        }

        .innertopmenu {
                vertical-align: bottom;
                /* ul settings.. */
                margin:0px;
                padding:7px 0px 0px 0px;
        }
        
        .topmenuelement , .topmenuelement-active {
                display:inline;
                padding: 4px 10px 11px 9px; 
                vertical-align: bottom;
        }
        
        #topmenu2 {
                width:998px;
                padding: 0px 0px 0px 13px;
                height:24px;
        }
        
        /* We need to adjust to different widht for mozilla.
           This will only be visible for Mozilla. */
        head:first-child+body #topmenu2 {
                width:985px;
        }
        
        .topmenu2sep {
                border:0px;
                padding:0px;
                margin:0px;
        }
        
        .innertopmenu2 {
                vertical-align: middle;
                /* ul settings.. */
                margin:0px;
                padding:5px 0px 0px 0px;
        }
        
        .topmenu2element , .topmenu2element-active, .topmenu3element {
                display:inline;
                padding: 10px 8px 0px 7px; 
                vertical-align: top;
        }
        
        #rightbuttons {
                position:absolute;
                padding: 0px 0px 0px 13px;
                height:24px;
                left:820px;
                top:50px;      
        }
          
        .noshow {
                width: 0px;
                height: 0px;
                display:none;
        }
        
        #contentareatopdiv {
                margin-left:226px;
                width:770px;
        }
        
        #contentareatopdiv-singleedit {
                margin-left:10px;
                width:770px;
        }
        
        
        

/* TOPBAR styles END */


/* START styles for submenu system  */

        /* explanation popup for the menu items.. */
        .cpsubmenuexplanation {
                position:absolute;
                border: 1px solid #E1E1E1;
                background-color:white;
                width:130px;
                left:180px;
                visibility:hidden;
                border: 1px solid black;
                padding: 4px 5px 4px 5px;
                z-index:100;
        
        }
        
        /* the container div surrounding all submenues */
        .cpsubmenucontainer {
                position:absolute;
                width:200px;
                left:7px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
        }
        
        /* the div sorrounding each menu */
        .cpsubmenu {
        
        }
        
        /* the div containing the menu title  */
        .cpsubmenutitle {      
                width:100%;
                height: 22px;
                padding: 0px 0px 0px 0px;
                vertical-align: bottom;
                margin:0px;
        }
        
        /* div inside the menutitle div. To get proper text-alignment.  */
        .cpsubmenutitle div{
                padding: 4px 0px 0px 14px;
        }
        
        
        /* The div tag for each "menuline" */
        .cpsubmenuitem-1, 
        .cpsubmenuitem-2,
        .cpsubmenuitem-3,
        .cpsubmenuitem-1-active, 
        .cpsubmenuitem-2-active,
        .cpsubmenuitem-3-active,
        .cpsubmenuitem-1-disabled, 
        .cpsubmenuitem-2-disabled,
        .cpsubmenuitem-3-disabled,
        .cpsubmenuitem-1-over, 
        .cpsubmenuitem-2-over,
        .cpsubmenuitem-3-over  { 
                padding: 0px; 
                margin:0px;
                height:20px;
                margin-bottom: -2px;
                z-index: 100;
                border:0px;
                cursor: pointer;
        }
        
        /* override height on level 3..  */
        .cpsubmenuitem-3,
        .cpsubmenuitem-3-active,
        .cpsubmenuitem-3-disabled,
        .cpsubmenuitem-3-over { 
                height:18px;
        }
        

        /* this is code for setting the margin-bottom to 0 again for mozilla.
           IE is not able to read this code,,, */
        head:first-child+body .cpsubmenuitem-1, 
        head:first-child+body .cpsubmenuitem-2,
        head:first-child+body .cpsubmenuitem-3,
        head:first-child+body .cpsubmenuitem-1-active, 
        head:first-child+body .cpsubmenuitem-2-active,
        head:first-child+body .cpsubmenuitem-3-active,
        head:first-child+body .cpsubmenuitem-1-disabled, 
        head:first-child+body .cpsubmenuitem-2-disabled,
        head:first-child+body .cpsubmenuitem-3-disabled,
        head:first-child+body .cpsubmenuitem-1-over, 
        head:first-child+body .cpsubmenuitem-2-over,
        head:first-child+body .cpsubmenuitem-3-over { 
                margin-bottom: 0px;
        } 
        
        /* space to the left and right of the image */
        .cpsubmenuitem-1 span,
        .cpsubmenuitem-2 span, 
        .cpsubmenuitem-3 span, 
        .cpsubmenuitem-1-active span, 
        .cpsubmenuitem-2-active span,
        .cpsubmenuitem-3-active span,
        .cpsubmenuitem-1-disabled span, 
        .cpsubmenuitem-2-disabled span,
        .cpsubmenuitem-3-disabled span,
        .cpsubmenuitem-1-over span, 
        .cpsubmenuitem-2-over span,
        .cpsubmenuitem-3-over span { 
                padding-left:3px;
                padding-right:0px;
        }
        
        /* div surrounding the text in order to center the text vertically  */
        .cpsubmenuitem-1 div,  
        .cpsubmenuitem-2 div,
        .cpsubmenuitem-3 div,
        .cpsubmenuitem-1-active div, 
        .cpsubmenuitem-2-active div, 
        .cpsubmenuitem-3-active div,
        .cpsubmenuitem-1-disabled div, 
        .cpsubmenuitem-2-disabled div, 
        .cpsubmenuitem-3-disabled div,
        .cpsubmenuitem-1-over div, 
        .cpsubmenuitem-2-over div, 
        .cpsubmenuitem-3-over div { 
                display:inline;
                border:0px;
        }
        
        /* by setting right padding on the span, we force the menu text
        following this element more to the right */
        .cpsubmenuitem-2 span, 
        .cpsubmenuitem-2-active span,
        .cpsubmenuitem-2-disabled span,
        .cpsubmenuitem-2-over span { 
                padding-right:10px;
        }
        
        /* by setting right padding on the span, we force the menu text
        following this element more to the right */
        .cpsubmenuitem-3 span, 
        .cpsubmenuitem-3-active span,
        .cpsubmenuitem-3-disabled span,
        .cpsubmenuitem-3-over span { 
                padding-right:15px;
        }
        
        /* common style for all the menu icons (expand, collapse etc)  */
        .cpsubmenuicon {
                border: 0px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
        }
        
        /* style on div tag used to create the bottom line. In use 
           to avoid IE bug   */
        .cpsubmenuborder {
                height:8px;
                border-bottom:1px solid #E1E1E1;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
        }

        #submnuseparator {
                color:white;
        }
        
        .cpsubmenuspacer  {
                height:20px;
                width:20px;
        }
        
/* END styles for submenu system */


/* START styles for search */

        .cpsearchmenu {
                position:absolute;
                left:12px;
                top:103px;
                width:182px;
                height:45px;
        }
        
        
        .cpsearchmenucontent {
                padding: 5px 5px 5px 5px;
        }
        
        .cpsearchmenutitle {
                padding: 0px 5px 0px 5px;
                margin:0px;
                /* background-color:red; */
        }
        
        #searchfield {
                width: 145px;
                vertical-align:middle;
                margin:0px 1px 0px 0px;
        }

        #searchspaceimg {
                width:187px;
                height:1px;
        }
        
        /* We need to adjust to different widht for mozilla.
           This will only be visible for Mozilla. */
        head:first-child+body #searchspaceimg {
                width:182px;
        }

        .searchresult-text-container {
                padding-left:34px;
                padding-bottom:5px;
        }

/* END styles for search */


/* START styles for pagesection system */
        .cppagesection {
                 display:none; 
        }
        /* END styles for pagesection system */
        
        
        
        /* START styles for fieldset and legend */
        
        LEGEND {
                font-weight: bold;
        }
        
        /* FIELDSET FIELDSET LEGEND {
                font-weight: normal;
        }  */
        
        .fieldsetdescription, .tooltipscontainer {
                background-color: #FFFFE7;
                padding: 10px 10px 10px 10px;
        
        }
        
        .legendicon {
                border:0;
                vertical-align:middle;
        }




/* END styles for pagesection sytsem */


/* CONTENTAREA start styles */
        .contentarea, .contentarea-singleedit,.contentarea-admin  {
                position:absolute;
                top: 75px;
                left:230px;
                width:768px;
                padding-top:20px;
                padding-bottom:20px;
                padding-left:12px;
                padding-right:12px; 
                margin:0px;
        }
        
        .contentarea-singleedit {
                top: 5px;
                left:10px;
        }
        
        .contentarea-admin { 
                top: 75px;
                left:10px;
                width:975px;
        
        }
        
        /* We need to adjust to different widht for mozilla.
           This will only be visible for Mozilla. */
        head:first-child+body .contentarea {
                width:740px;
                top: 94px;
        }

        .contentareatitle{
                padding-left:100px;
        
        }
        
        .contentareadiv {
                width:100%;
                height:100%;
        }
        
        .contentlayoutexcludeddiv {
                height:100%;
                padding-left:10px;
                padding-right:10px;
        }


        .contentareastart {
                width:100%;
                height:22px;
                padding: 0px 0px 0px 0px;
                margin:0px;
        }
        
        /* all the content fields used  */
        .contentfieldset {
                margin-left: 10px;
                margin-right: 10px;
        }
        
        /* make the tables inside a content fieldset have the same background as the contentfieldset bg */
        .contentfieldset table td {
                background-color:transparent;
        }

/* CONTENTAREA end styles */


/* TABLES start styles */

        /* The content table itself */
        .contenttable {
                width:100%;
                margin-bottom: 6px;
        }
        
        /* header row in content table */
        .contenttable th, .contenttable .th {
                margin:0px;
                padding:0px;
                text-align:left;
                height:22px;
                padding-left:19px;
        }        


        /* the list table itself */
        .listtable {
                width:100%;
        }
        
        /* header row in list table */
        .listtable th, .listtable .th {
                margin:0px;
                padding:0px;
                text-align:left;
                height:22px;
        }

        .td-w, .td-g, .listtable table td {
                background-color:transparent;
        }
        
        /* all tables used inside fieldset to lay out form fields */
        .fieldsetformtable {
                width:100%;
                margin: 0px;
                padding: 0px;
                border:0px;
        } 
        
        .fieldsetformtable td {
                background-color:transparent;
                /* vertical-align:middle; */
        }
        
        /* use this when you have a label in the left cell, and input field in the right one */
        .leftlabelcell {
                width:130px;
        }
        
        .boldlabelcell {}
        
        /* use this when you have a small input field (radio/checkbox) in the left cell and text in right cell */
        .leftsmallinputcell {
                width:10px;
        }
        
        .fieldsetseperatorline {
                width:100%;
                height:1px;
        }
        
        /* this class is to make a cell look as like a legend as possible. This means 
           the same font, and the same padding to the left.      */
        .legendstylecell {
                padding-left: 22px;
                vertical-align:top;
                
        }


/* TABLES end styles */

/* INPUT/FORM start styles */

        INPUT.std,
        INPUT.std2,
        INPUT.std3
        {
                width:80px;
                height:23px;
                border:0;
                border-collapse:collapse;
                padding-bottom: 3px;
                margin-right:10px;
                cursor: pointer; cursor: hand;
        }
        
        INPUT.std2 {
                width:120px;
        }
        
        INPUT.std3 {
                width:160px;
        }
        
        .BOX,
        SELECT.BOX,
        SELECT,
        .boxdisabled,
        .formValidatorValid,
        .formValidatorInValid {
                padding:2px;
                vertical-align:middle;

        }
        
        /* div tag surrounding all buttons at bottom of pages */
        .buttonholder {
                text-align:right;
                width:100%;
                vertical-align:middle;
        }


/* INPUT/FORM end styles */


/* POPUPWINDOW start styles */

        /* the div containing the menu title  */
        .insertwindow-topmenu, .insertwindow-topmenu-tablestyle {      
                width:100%;
                height: 22px;
                padding: 0px 0px 0px 0px;
                vertical-align: bottom;
                margin:0px;
        }
        
        .insertwindow-topmenu-tablestyle {
                padding-top:4px;
                height:18px;
        }
        
        /* div inside the menutitle div. To get proper text-alignment.  */
        .insertwindow-topmenu div{
                padding: 4px 0px 0px 14px;
        }
        
        .insertwindow-topmenu2 {
                width:100%px;
                padding: 0px 0px 0px 13px;
                height:24px;
        }


/* POPUPWINDOW end styles */


/* TABS start styles */

/* todo: move proper properties to colors.css */
.cptabholder {
        width:100%;
        display: block;
        padding-left:10px;
}


.cptabholder table {
        border-collapse:collapse;
}

.cptabspacer {
        width:2px;
}

.cptab, .cptab-active {
        border-top: 1px solid #E06001;
        border-left:1px solid #E06001;
        border-right:1px solid #E06001;
        background-color: #FAF3ED;
        padding-left:4px;
        padding-right:4px;
        padding-top:2px;
        padding-bottom:3px;
        height:14px;
}

.cptab-active {
        background-color: #E06001;
}

.cptab  a, .cptab-active a{
        font-family:Tahoma, Verdana, Arial, Helvetica;      
        color:#9E4604;
        font-weight:bold;
        font-size: 11px;
        text-decoration:none;      
}

.cptab-active a {
        color:#FFFFFF;

}

/* TABS end styles */

/* OTHER start styles */

        /* needs to fix this.. */
        . tooltipscontainer {
                width:180px;
                height:200px;
                padding:10px;
                margin:10px;
        }

        .sitelocatortitle {
                font-weight:bold;
        }
        
        .sitelocatorurl {
        
        }

        #frontpagefieldset {
                width:580px;
                align: center;
                /* margin-top: 40px; */
                padding-left:25px;
        
        }
        
        #frontpagefieldset legend {
                
        }
        
        #frontpagetable, #frontpagetable td {
                border:0px;
                margin-left:0px;
                padding-left:0px;
                background-color: transparent;
        }
        
        #loginerrormessageholder {
                top:200px;
                left:200px;
                width:250px;
                height:80px;
                display:none;
                position:absolute;
        }
        
        #loginerrormessageholder div{
                padding: 10px 10px 10px 10px;
        }
        

/* OTHER end styles */