/* SIGNUP POPUP */
.signup-popup-wrap{position:absolute;z-index:5001; top:0; left:50%; margin-top:165px; margin-left:-265px; width:533px; height:344px; background-image:url(../App_Images/splash/splash-popup-large.png);}
.signup-popup-closewrap{float:left; width:510px; text-align:right;margin-top:20px;margin-right:40px;}
.signup-popup-headline{float:left;margin-left:55px;margin-top:5px;}
.signup-popup-text{float:left; width:400px;margin-left:55px; margin-top:20px;}




/* APC */
/* fliken som syns då menyn är infälld */
#apcIn{
    position:fixed; z-index:9998;
    cursor:pointer;
    top:0px; min-width:100px; width:auto; height:25px; 
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background-color:#efefef;     
    /*opacity: 0.6;
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;    
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); */
    }
  
/* ### APC START ############################################ */    
/* apc utfälld, bakgrundsplattan som items ligger på*/
#apcOut
{
    position:fixed; z-index:9999;
    cursor:pointer;    
    top:0px; padding-top:1px;
    width:64px; max-width:64px; height:auto; 
    border-bottom-right-radius:5px;
    background-color:#efefef; 
    }
#apcOutFoldIn{color:#F47320;margin-top:5px; margin-bottom:5px;} /* #F47320 - Backspinn orange i logo! */
/* apc items */
.apc-item-wrap{float:left; margin-left:1px; margin-bottom:1px;line-height:10px; width:62px; height:62px; background-color:#666666;}
.apc-item-wrap-jsmouseover{float:left; margin-left:1px; margin-bottom:1px;line-height:10px; width:62px; height:62px; background-color: #888888;}
/* ### APC DONE ############################################## */




/* ### NEWS lyfts in i cms-admin! ############################ */
a.newsdate{ text-shadow: 3px 3px 3px #000000; font-size:12px; letter-spacing: -0.1;}
a.newsdate:hover{ color: #eeeeee;}
.news-panel-list 
{
    float:left;
    width:290;
	text-align:left;
	margin-left:5px;
	margin-top:110px;
}
.news-panel-list .item-wrap {float:left; width:290px;}
.news-panel-list .newsdate{float:left; color:#ffffff;text-align:center; width:40px; height:39px; margin-top:5px; margin-left:6px; padding-top:3px; }
.news-itemshow{float:left; width:410px; margin-left:40px; margin-top:10px; background-color:transparent;}
/* ############################################################ */


/* ############################################################ */
/* HELA HEMLIGHETEN MED ATT SÄTTA BAKGRUNDSFÄRG PÅ EDITORN!, WRAPPA DEN I iseboxwrap och sedan ärvs färgen till table td iframe då det är den enda */
/*.admin-general-form table td iframe{background-color:#ffffff;}*/

.iseboxwrap {width:100%;} /* background-color kan sättas men kommer EJ att sättas för själva editorn, detta då editorn körs i en iframe! */
.#ContainerOEdit1 img{border-radius:4px;}
.iseboxwrap #ContainerOEdit1 {background-color:#000;}
/* ############################################################ */

/* ### ADMIN-MENU ############################################# */
/* td width på column med labeltexts*/
.td-adminpage-col1{width: 140px;}
/* ############################################################ */

.cms-textinput{
    width:160px;
    border:solid 1px #aaaaaa;
    border-radius: 4px;
    /*color: #666666;
    background-color: #dfdfdf;*/
    }


.admin-general-form .short, .admin-general-form dt{width:110px;}



/* admin input text/password */
.admin-general-form input[type="text"], .admin-general-form input[type="password"]{
    margin-top:0px;
    width:240px;
	height:24px; 
	border:1px solid #cccccc; 
	border-radius:5px;
	color:#666;    
	margin-bottom:2px;
	padding-left:5px;
    }

.admin-general-form textarea
{
    margin-top:0px;
	border:1px solid #cccccc; 
	border-radius:5px;
	color:#666;    
	margin-bottom:2px;
	padding-left:5px;    
	padding-top:5px;    
    }
/* admin knappar använder klassen cms-button, knappar som ej ligger inom admin div */    
.cms-button, .admin-general-form input[type="button"], .admin-general-form input[type="submit"]{
    border:solid 1px #aaaaaa;
    color: #2e2e2e; /*#F47320;*/
    background-color: #efefef;
    }   
        
.admin-general-form select{
    margin-top:0px;
    width:242px;
	height:20px; 
	border:1px solid #cccccc; 
	border-radius:4px;
	color:#666; 
	margin-bottom:2px;   
	padding-left:2px;
    }
        
.long-h1{width:440px; height:24px;}
.cms-singleline{height: 22px;} 

.contact-label{width:180px;font-weight:bold;}
.contact-input{width:180px;height:22px;margin-bottom:10px; font-family: Arial, Helvetica;}
.contact-input-area{width:370px;height:180px;font-family: Arial, Helvetica;font-size:12px;}
.contact-input-short{width:40px;height:22px;font-family: Arial, Helvetica;}

.cms-adminpanel-icon{float:left; background-color:#ffffff; min-width:30px; max-width:30px; width: auto; min-height:31px; max-height:31px; height: auto; border-bottom: 1px solid #a0a0a0;}

.admin-box{
    float:left; 
    margin-top:10px; margin-bottom:10px;
    height: auto; width:100%;
    background-color: #efefef;  
    color:#2e2e2e;
    border: solid 1px #dfdfdf;
    border-radius: 4px;
    }
.admin-box-inner, .admin-box center{padding:5px;}    

.cms-adminpanel-text
{
    float:left; 
    display:none; 
    margin-left:3px; 
    margin-top:3px; 
    height: 21px; 
    max-height:21px; 
    background-color: #ffffff; 
    color:#606060; padding-left:3px; 
    padding-right:3px; 
    padding-top:1px; 
    border: 1px solid #a0a0a0; 
    font-family: Tahoma, Verdana, Arial, Helvetica; 
    font-size:11px; 
    font-weight:normal;}
    
.admin-box  span, .admin-box dt span, .admin-box dd span{
    color:#666666;
    font-size:10px;
    }
.admin-box  dl{}    
.admin-box dl dt{min-width:120px; font-size:10px;}    
.admin-box dl dd{}    

/*
.cms-admin-pageedittextpanel dl{}    
.cms-admin-pageedittextpanel dl dt{min-width:120px; font-size:10px;}    
.cms-admin-pageedittextpanel dl dd{}    
*/

.cms-admin-textlabel{
    float:left;
    min-width:120px;
    width: auto;
    }      
.cms-admin-pageeditcontact{
    background-color:#fff;
    padding:10px;
    width:370px;
    min-width:370px;
    max-width:370px;
    border-style:dotted;
    border-width:1px;
    border-color: #666666;
    }        

.cms-admin-panelreset{margin:0px; padding:0px;float:none;clear:both;}    
    
    

    
/* admin tabeller */    
table.cms-tablemenulist{
    min-width:100%;
    width:auto;
    border-collapse: collapse;
    }
td.cms-even{
    background-color:#eeeeee;
    height: 16px;
    color:#000000;
    }    
td.cms-odd{
    background-color:#dddddd; 
    height: 16px;
    color:#000000;
    
    }    
.cms-td{}

/*.cms-td-even:hover, .cms-td-odd:hover {
	color:#000000;
	background-color:#dddddd;	
	}    
*/
tr.cms{border-radius:4px;}    
tr.cms td{
    padding:3px;
    margin-bottom:2px;
    }
tr.cms:hover td{
    /*border: dotted 1px #aaaaaa;*/
    background-color:#eaeaea;
    }
    
.cms td a{color: #000000;}
    
    
    
    
/* ####### calendar ######### */    
/*
    Set the Style for parent CSS Class
    of Calendar control
    Parent [CssClass] = myCalendar
*/
.myCalendar {
    background-color: #ffffff;
    width: 200px;
}

/*
    Common style declaration for hyper linked text
*/
.myCalendar a {
    text-decoration: none;
}

/*
    Styles declaration for top title
    [TitleStyle] [CssClass] = myCalendarTitle
*/
.myCalendar .myCalendarTitle {
    font-weight: bold;
}

/*
    Styles declaration for date cells
    [DayStyle] [CssClass] = myCalendarDay
*/
.myCalendar td.myCalendarDay {
    border: solid 0px #fff;
    border-left: 0;
    border-top: 0;
}

/*
    Styles declaration for next/previous month links
    [NextPrevStyle] [CssClass] = myCalendarNextPrev
*/
.myCalendar .myCalendarNextPrev {
    text-align: center;
}

/*
    Styles declaration for Week/Month selector links cells
    [SelectorStyle] [CssClass] = myCalendarSelector
*/
.myCalendar td.myCalendarSelector {
    background-color: #dddddd;
}

.myCalendar .myCalendarDay a, 
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a {
    display: block;
    line-height: 14px;
}

.myCalendar .myCalendarDay a:hover, 
.myCalendar .myCalendarSelector a:hover {
    background-color: #ffffff;
}

.myCalendar .myCalendarNextPrev a:hover {
    background-color: #fff;
}