/* First add the *.eot font-face for IE: Use url http://ttf2eot.sebastiankippe.com/ */
@font-face {font-family:StudioScript;src:url("font/StudioScriptCTT.eot");}
@font-face {font-family:StudioScript;src:url("font/StudioScriptCTT.ttf");}
@font-face {font-family:OlgaCCT;src:url("font/OlgaCTT.eot");}
@font-face {font-family:OlgaCCT;src:url("font/OlgaCTT.ttf");}

/* --- XXX --- */
/* Zoneitem */
img.zoneitem{cursor:pointer;margin:0px}
div.zoneitem{float:left;height:16px;margin:-8px 0 -8px 0;width:100%;z-index:1;}
div.divitem_new{background:url(../../img/new/green_20.png) no-repeat left top;height:24px;width:24px;margin-bottom:-24px;top:-24px;left:-24px;;z-index:1;}
div.divitem_inactive {opacity:.25;}
/* For the popup's of the Divitem skins: Credits: Dynamic Drive CSS Library - http://www.dynamicdrive.com/style/ */
form.editDivItem label, div.hover_popup{position:relative;z-index:0;}
form.editDivItem label:hover, div.hover_popup:hover{background-color:transparent;z-index:50;}
form.editDivItem label span, div.hover_popup div{background:#fff;position:absolute;left:-1000px;padding:0;border:1px dashed #bbb;visibility:hidden;color:black;text-decoration:none}
form.editDivItem label span img{border:0}
form.editDivItem label:hover span, div.hover_popup:hover div{visibility:visible;top:0;left:60px;}
div.hover_popup div{background:#f0f0ee;padding:10px;width:300px}
div.hover_popup {display:inline;background:url(../img/preview.png) no-repeat right center;padding-right:15px}

/* Item preview */
div.item_preview_outer{background:url(bg_construction_10.png) repeat;padding:10px;margin-bottom:10px}
div.item_preview_inner{background:#fff;padding:10px}

/* Popup and Modal */
iframe.popup_outer,div.popup_inner,div.modal_outer{position:absolute;}
iframe.popup_outer{background:#fff;border:0;filter:alpha(opacity=50);height:10000px;left:0;opacity:.5;top:0;width:100%;z-index:102;}
div.popup_inner{background:#fff;border:1px solid #ccc;height:auto;left:50%;margin-left:-420px;padding:15px;top:50px;width:800px;z-index:103;}
div.modal_outer{background:#ccc;border:0;left:50%;margin-left:-300px;width:600px;z-index:104;}
div.modal_inner{background:#fff;border:1px solid #ccc;left:-5px;padding:10px;top:-5px}

/* Webflex - Backgrounds */
h1.bg{background-repeat:no-repeat;background-position:right top;border-bottom:1px solid #f0f0ee;margin:0 0 10px 0;padding:35px 0 5px 0}
h1.check{background-image:url(admin/bg_check.png)}
h1.divitem{background-image:url(admin/bg_divitem.png)}
h1.grid{background-image:url(admin/bg_grid.png)}
h1.group{background-image:url(admin/bg_group.png)}
h1.item{background-image:url(admin/bg_item.png)}
h1.itemlib{background-image:url(admin/bg_itemlib.png)}
h1.key{background-image:url(admin/bg_key.png)}
h1.logout{background-image:url(admin/bg_logout.png)}
h1.module{background-image:url(admin/bg_module.png)}
h1.nls{background-image:url(admin/bg_nls.png)}
h1.page{background-image:url(admin/bg_page.png)}
h1.profile{background-image:url(admin/bg_profile.png)}
h1.setting{background-image:url(admin/bg_setting.png)}
h1.stop{background-image:url(admin/bg_stop.png)}
h1.style{background-image:url(admin/bg_style.png)}
h1.user{background-image:url(admin/bg_user.png)}
h1.wall{background-image:url(admin/bg_wall.png)}


/* --- Skins --- */
/* Skin - none */
div.skin_outer_none div.zoneitem{margin-top:2px}
div.skin_inner_none{width:100%}
div.skin_outer_none div.zoneitem{margin-top:2px} 

/* Skin - thin */
div.skin_outer_thin{margin:10px;}
div.skin_inner_thin{background:#fff;border:1px solid #f0f0ee;padding:14px;overflow:hidden}

/* Skin - fat */
div.skin_outer_fat{margin:10px;}
div.skin_inner_fat{background:#fff;border:3px solid #f0f0ee;padding:12px;overflow:hidden}

/* Skin - no_padding */
div.skin_outer_no_padding{margin:10px;}
div.skin_inner_no_padding{background:#fff;border:0px;padding:0px;overflow:hidden}

/* Skin - no_border */
div.skin_outer_no_border{margin:10px;}
div.skin_inner_no_border{background:#fff;border:0px;padding:15px;overflow:hidden}

/* Skin - shadow */
div.skin_outer_shadow{background:url(bg_shade.png) no-repeat left top;padding:10px}
div.skin_inner_shadow{background:#fff url(bg_inner_gradient_large.png) no-repeat;border:1px solid #fff;border-bottom:1px solid #f0f0ee;padding:14px;overflow:hidden}

/* Skin - postit */
div.skin_outer_postit{background:url(bg_shade.png) no-repeat left top;padding:10px}
div.skin_inner_postit{background:#ff8 url(bg_inner_gradient_large.png) no-repeat;border:1px solid #ff4;border-bottom:1px solid #f0f0ee;padding:14px;overflow:hidden}

/* Skin - balloon */
div.skin_outer_balloon{margin:10px;}
div.skin_inner_balloon{border-bottom:#B2B2B2 1px dashed;border-top:#B2B2B2 1px dashed;font-family:Georgia,serif;background:#F8F7EF url(bg_balloon.gif) no-repeat scroll 10px 10px;padding:14px 14px 14px 70px;overflow:hidden}

/* Skin - notebook */
div.skin_outer_notebook{background:#fff url(bg_outer_shade.gif) no-repeat right bottom;margin:16px 0 0 10px;padding:0px 10px 10px 0px}
div.skin_inner_notebook{background:#fff url(bg_notebook.png) no-repeat center top;margin:-16px 0 0 0;padding:40px 15px 0px 15px;overflow:hidden}
div.skin_inner_notebook h1{color:#0e27cb;font-family:StudioScript;font-size:30px;font-weight:300;line-height:0.95}
div.skin_inner_notebook h2{color:#444;font-family:StudioScript;font-size:26px;font-weight:300;line-height:0.95}
div.skin_inner_notebook p, div.skin_inner_notebook a{color:#0e27cb;font-family:StudioScript;font-size:22px;line-height:1.31}
div.skin_inner_notebook a{background:transparent;padding-right:0px;text-decoration:underline}
div.skin_outer_notebook div.zoneitem{margin-top:-14px}

/* Skin - note */
div.skin_outer_note{margin:10px}
div.skin_inner_note{background:#fff url(bg_note.gif) no-repeat top center;margin:-5px 0 0 0;padding:50px 20px 0px 20px;text-align:center;overflow:hidden}
div.skin_inner_note h1{color:#444;font-family:OlgaCCT;font-size:30px;font-weight:300;line-height:1}
div.skin_inner_note h2{color:#900;font-family:OlgaCCT;font-size:26px;font-weight:300;line-height:1}
div.skin_inner_note p, div.skin_inner_note a{color:#444;font-family:OlgaCCT;font-size:22px;line-height:1}
div.skin_inner_note a{background:transparent;padding-right:0px;text-decoration:underline}

/* Skin - post-it small */
div.skin_outer_postit_s{margin:10px}
div.skin_inner_postit_s{background:#fff url(bg_postit_small.gif) no-repeat top center;margin:-10px 0 0 0;padding:40px 20px 20px 20px;text-align:center;overflow:hidden}
div.skin_inner_postit_s h1{color:#444;font-family:OlgaCCT;font-size:30px;font-weight:300;line-height:1}
div.skin_inner_postit_s h2{color:#900;font-family:OlgaCCT;font-size:26px;font-weight:300;line-height:1}
div.skin_inner_postit_s p, div.skin_inner_postit_s a{color:#444;font-family:OlgaCCT;font-size:22px;line-height:1}
div.skin_inner_postit_s a{background:transparent;padding-right:0px;text-decoration:underline}

/* Skin - post-it large */
div.skin_outer_postit_l{margin:10px}
div.skin_inner_postit_l{background:#fff url(bg_postit_large.gif) no-repeat top center;margin:-10px 0 0 0;padding:40px 30px 20px 30px;text-align:center;overflow:hidden}
div.skin_inner_postit_l h1{color:#444;font-family:OlgaCCT;font-size:30px;font-weight:300;line-height:1}
div.skin_inner_postit_l h2{color:#900;font-family:OlgaCCT;font-size:26px;font-weight:300;line-height:1}
div.skin_inner_postit_l p, div.skin_inner_postit_l a{color:#444;font-family:OlgaCCT;font-size:22px;line-height:1}
div.skin_inner_postit_l a{background:transparent;padding-right:0px;text-decoration:underline}


/* --- Rich Skins --- */
/* Skin - square_grey */
div.skin_outer_square_grey{background:url(bg_square_grey_right.png) no-repeat right -20px;margin:20px 0 20px 0}
div.skin_inner_square_grey{background:url(bg_square_grey_left.png) no-repeat left -20px;margin:0 20px -20px 0;padding:5px 5px 5px 25px;overflow:hidden}
div.skin_outer_square_grey div.inner_top{height:20px;margin:-20px 0 0 0}
div.skin_outer_square_grey div.inner_top div.inner_left{background:url(bg_square_grey_left.png) left top;height:100%;margin-right:20px}
div.skin_outer_square_grey div.inner_top div.inner_right{background:url(bg_square_grey_right.png) right top;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_grey div.inner_btm{height:20px;top:20px}
div.skin_outer_square_grey div.inner_btm div.inner_left{background:url(bg_square_grey_left.png) left bottom;height:100%;margin-right:20px}
div.skin_outer_square_grey div.inner_btm div.inner_right{background:url(bg_square_grey_right.png) right bottom;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_grey div.zoneitem{margin-top:-18px} 

/* Skin - square_gradient */
div.skin_outer_square_gradient{background:url(bg_square_gradient_right.png) no-repeat right -20px;margin:20px 0 20px 0}
div.skin_inner_square_gradient{background:url(bg_square_gradient_left.png) no-repeat left -20px;margin:0 20px -20px 0;padding:5px 5px 5px 25px;overflow:hidden}
div.skin_outer_square_gradient div.inner_top{height:20px;margin:-20px 0 0 0}
div.skin_outer_square_gradient div.inner_top div.inner_left{background:url(bg_square_gradient_left.png) left top;height:100%;margin-right:20px}
div.skin_outer_square_gradient div.inner_top div.inner_right{background:url(bg_square_gradient_right.png) right top;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_gradient div.inner_btm{height:20px;top:20px}
div.skin_outer_square_gradient div.inner_btm div.inner_left{background:url(bg_square_gradient_left.png) left bottom;height:100%;margin-right:20px}
div.skin_outer_square_gradient div.inner_btm div.inner_right{background:url(bg_square_gradient_right.png) right bottom;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_gradient div.zoneitem{margin-top:-18px} 

/* Skin - square_shade */
div.skin_outer_square_shade{background:url(bg_square_shade_right.png) no-repeat right -20px;margin:20px 0 20px 0}
div.skin_inner_square_shade{background:url(bg_square_shade_left.png) no-repeat left -20px;margin:0 20px -20px 0;padding:5px 5px 5px 25px;overflow:hidden}
div.skin_outer_square_shade div.inner_top{height:20px;margin:-20px 0 0 0}
div.skin_outer_square_shade div.inner_top div.inner_left{background:url(bg_square_shade_left.png) left top;height:100%;margin-right:20px}
div.skin_outer_square_shade div.inner_top div.inner_right{background:url(bg_square_shade_right.png) right top;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_shade div.inner_btm{height:20px;top:20px}
div.skin_outer_square_shade div.inner_btm div.inner_left{background:url(bg_square_shade_left.png) left bottom;height:100%;margin-right:20px}
div.skin_outer_square_shade div.inner_btm div.inner_right{background:url(bg_square_shade_right.png) right bottom;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_square_shade div.zoneitem{margin-top:-18px} 

/* Skin - round10_grey */
div.skin_outer_round10_grey{background:url(bg_round10_grey_right.png) no-repeat right -20px;margin:20px 0 20px 0}
div.skin_inner_round10_grey{background:url(bg_round10_grey_left.png) no-repeat left -20px;margin:0 20px -20px 0;padding:5px 5px 5px 25px;overflow:hidden}
div.skin_outer_round10_grey div.inner_top{height:20px;margin:-20px 0 0 0}
div.skin_outer_round10_grey div.inner_top div.inner_left{background:url(bg_round10_grey_left.png) left top;height:100%;margin-right:20px}
div.skin_outer_round10_grey div.inner_top div.inner_right{background:url(bg_round10_grey_right.png) right top;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_round10_grey div.inner_btm{height:20px;top:20px}
div.skin_outer_round10_grey div.inner_btm div.inner_left{background:url(bg_round10_grey_left.png) left bottom;height:100%;margin-right:20px}
div.skin_outer_round10_grey div.inner_btm div.inner_right{background:url(bg_round10_grey_right.png) right bottom;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_round10_grey div.zoneitem{margin-top:-18px} 

/* Skin - round10_gradient */
div.skin_outer_round10_gradient{background:url(bg_round10_gradient_right.png) no-repeat right -20px;margin:20px 0 20px 0}
div.skin_inner_round10_gradient{background:url(bg_round10_gradient_left.png) no-repeat left -20px;margin:0 20px -20px 0;padding:5px 5px 5px 25px;overflow:hidden}
div.skin_outer_round10_gradient div.inner_top{height:20px;margin:-20px 0 0 0}
div.skin_outer_round10_gradient div.inner_top div.inner_left{background:url(bg_round10_gradient_left.png) left top;height:100%;margin-right:20px}
div.skin_outer_round10_gradient div.inner_top div.inner_right{background:url(bg_round10_gradient_right.png) right top;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_round10_gradient div.inner_btm{height:20px;top:20px}
div.skin_outer_round10_gradient div.inner_btm div.inner_left{background:url(bg_round10_gradient_left.png) left bottom;height:100%;margin-right:20px}
div.skin_outer_round10_gradient div.inner_btm div.inner_right{background:url(bg_round10_gradient_right.png) right bottom;height:100%;float:right;margin:-20px 0 0 -20px;width:20px}
div.skin_outer_round10_gradient div.zoneitem{margin-top:-18px} 

/* Skin - round15_gradient */
div.skin_outer_round15_gradient{background:url(bg_round15_gradient_right.png) no-repeat right -25px;margin:25px 0 25px 0}
div.skin_inner_round15_gradient{background:url(bg_round15_gradient_left.png) no-repeat left -25px;margin:0 25px -25px 0;padding:0 0 0 25px;overflow:hidden}
div.skin_outer_round15_gradient div.inner_top{height:25px;margin:-25px 0 0 0}
div.skin_outer_round15_gradient div.inner_top div.inner_left{background:url(bg_round15_gradient_left.png) left top;height:100%;margin-right:25px}
div.skin_outer_round15_gradient div.inner_top div.inner_right{background:url(bg_round15_gradient_right.png) right top;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_gradient div.inner_btm{height:25px;top:25px}
div.skin_outer_round15_gradient div.inner_btm div.inner_left{background:url(bg_round15_gradient_left.png) left bottom;height:100%;margin-right:25px}
div.skin_outer_round15_gradient div.inner_btm div.inner_right{background:url(bg_round15_gradient_right.png) right bottom;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_gradient div.zoneitem{margin-top:-23px} 

/* Skin - round15_black */
div.skin_outer_round15_black{background:url(bg_round15_black_right.png) no-repeat right -25px;margin:25px 0 25px 0}
div.skin_inner_round15_black{background:url(bg_round15_black_left.png) no-repeat left -25px;margin:0 25px -25px 0;padding:0 0 0 25px;overflow:hidden}
div.skin_outer_round15_black div.inner_top{height:25px;margin:-25px 0 0 0}
div.skin_outer_round15_black div.inner_top div.inner_left{background:url(bg_round15_black_left.png) left top;height:100%;margin-right:25px}
div.skin_outer_round15_black div.inner_top div.inner_right{background:url(bg_round15_black_right.png) right top;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_black div.inner_btm{height:25px;top:25px}
div.skin_outer_round15_black div.inner_btm div.inner_left{background:url(bg_round15_black_left.png) left bottom;height:100%;margin-right:25px}
div.skin_outer_round15_black div.inner_btm div.inner_right{background:url(bg_round15_black_right.png) right bottom;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_black div.zoneitem{margin-top:-23px} 
div.skin_outer_round15_black h1{color:#fff;}
div.skin_outer_round15_black h2{color:#ff0;}
div.skin_outer_round15_black p{color:#fff;}

/* Skin - round15_red */
div.skin_outer_round15_red{background:url(bg_round15_red_right.png) no-repeat right -25px;margin:25px 0 25px 0}
div.skin_inner_round15_red{background:url(bg_round15_red_left.png) no-repeat left -25px;margin:0 25px -25px 0;padding:0 0 0 25px;overflow:hidden}
div.skin_outer_round15_red div.inner_top{height:25px;margin:-25px 0 0 0}
div.skin_outer_round15_red div.inner_top div.inner_left{background:url(bg_round15_red_left.png) left top;height:100%;margin-right:25px}
div.skin_outer_round15_red div.inner_top div.inner_right{background:url(bg_round15_red_right.png) right top;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_red div.inner_btm{height:25px;top:25px}
div.skin_outer_round15_red div.inner_btm div.inner_left{background:url(bg_round15_red_left.png) left bottom;height:100%;margin-right:25px}
div.skin_outer_round15_red div.inner_btm div.inner_right{background:url(bg_round15_red_right.png) right bottom;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_red div.zoneitem{margin-top:-23px} 
div.skin_outer_round15_red h1{color:#fff;}
div.skin_outer_round15_red h2{color:#0f0;}
div.skin_outer_round15_red p{color:#fff;}

/* Skin - round15_green */
div.skin_outer_round15_green{background:url(bg_round15_green_right.png) no-repeat right -25px;margin:25px 0 25px 0}
div.skin_inner_round15_green{background:url(bg_round15_green_left.png) no-repeat left -25px;margin:0 25px -25px 0;padding:0 0 0 25px;overflow:hidden}
div.skin_outer_round15_green div.inner_top{height:25px;margin:-25px 0 0 0}
div.skin_outer_round15_green div.inner_top div.inner_left{background:url(bg_round15_green_left.png) left top;height:100%;margin-right:25px}
div.skin_outer_round15_green div.inner_top div.inner_right{background:url(bg_round15_green_right.png) right top;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_green div.inner_btm{height:25px;top:25px}
div.skin_outer_round15_green div.inner_btm div.inner_left{background:url(bg_round15_green_left.png) left bottom;height:100%;margin-right:25px}
div.skin_outer_round15_green div.inner_btm div.inner_right{background:url(bg_round15_green_right.png) right bottom;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_green div.zoneitem{margin-top:-23px} 

/* Skin - round15_blue */
div.skin_outer_round15_blue{background:url(bg_round15_blue_right.png) no-repeat right -25px;margin:25px 0 25px 0}
div.skin_inner_round15_blue{background:url(bg_round15_blue_left.png) no-repeat left -25px;margin:0 25px -25px 0;padding:0 0 0 25px;overflow:hidden}
div.skin_outer_round15_blue div.inner_top{height:25px;margin:-25px 0 0 0}
div.skin_outer_round15_blue div.inner_top div.inner_left{background:url(bg_round15_blue_left.png) left top;height:100%;margin-right:25px}
div.skin_outer_round15_blue div.inner_top div.inner_right{background:url(bg_round15_blue_right.png) right top;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_blue div.inner_btm{height:25px;top:25px}
div.skin_outer_round15_blue div.inner_btm div.inner_left{background:url(bg_round15_blue_left.png) left bottom;height:100%;margin-right:25px}
div.skin_outer_round15_blue div.inner_btm div.inner_right{background:url(bg_round15_blue_right.png) right bottom;height:100%;float:right;margin:-25px 0 0 -25px;width:25px}
div.skin_outer_round15_blue div.zoneitem{margin-top:-23px}