/**
 * Mediaani Content 2.0 Stylesheet
 * Copyright Mediaani, 2007
 * Version 2.000
 */
/* Body */
body{margin:0 0 20px 0; padding:0}

/**
 * Common
 */
.hr{border-bottom:1px solid #ccc; margin:0 0 8px 0; padding:0}
.hr hr{display:none}
.cms_spacer{height:10px; clear:left; display:block}
.cms_clear{clear:both}
pre{border:1px solid #ccc; padding:10px 13px}
img{border:0}
small{font:normal 10px Verdana,Arial,Helvetica,sans-serif}
iframe{border:0}
.cms_float_left{float:left}
.cms_float_right{float:right}
.cms_green{color:#168400}
.cms_red{color:#c00}
.cms_gray{color:#666}

/**
 * Margins
 */
p, h1, h3, h4, h5{margin:0 0 8px 0; padding:0}

/**
 * Fonts
 */
body, p, table, th, td, ul, ol, li{font:normal 11px Verdana,Arial,Helvetica,sans-serif}

input, textarea, select{font:normal 11px Verdana,Arial,Helvetica,sans-serif}

/**
 * Titles
 */
h1, h2, h3, h4, h5{font-family:Arial,Helvetica,sans-serif !important}
h1{margin:0 !important; padding:0 !important}
h2{font-size:20px;margin:0 0 12px 0; padding:0}
h3{font-size:16px}
 
/**
 * Links
 */
a:link{color:#00e}
a:visited{color:#00e}
a:hover{color:#000}
a:active{color:#c00}

a.cms_no_underline:link{text-decoration:none; color:#000}
a.cms_no_underline:visited{text-decoration:none; color:#000}
a.cms_no_underline:hover{text-decoration:underline; color:#00e}
a.cms_no_underline:active{text-decoration:underline; color:#c00}

h2 a:link, 
h3 a:link{text-decoration:none; color:#000}

h2 a:visited, 
h3 a:visited{text-decoration:none; color:#000}

h2 a:hover, 
h3 a:hover{text-decoration:underline; color:#000}

h2 a:active, 
h3 a:active{text-decoration:underline; color:#000}

/**
 * Wrapper
 */
.cms_wrapper{}
 
/**
 * Header
 */
#cms_header{background:url(/pics/bg_header.gif) repeat-x #840000; height:38px; padding:0 0 0 25px}

/**
 * Logo
 */
#cms_logo{float:left; margin:0; padding:0; width:172px; height:38px}
#cms_logo a{display:block; width:172px; height:38px; background:url(/pics/logo.gif) no-repeat}
#cms_logo span{display:none}

/**
 * Navi
 */
#cms_navi{background:url(/pics/bg_navi.gif) no-repeat; height:36px; float:left; padding-left:2px}
#cms_navi .align_right{background:url(/pics/bg_navi.gif) no-repeat; position:absolute; right:30px; padding-left:2px}

#cms_navi a{display:block; float:left; height:24px; font:normal 11px Verdana,Arial,Helvetica,sans-serif; padding:12px 17px 0 15px; background:url(/pics/bg_navi.gif) no-repeat right top}
#cms_navi a.active{border-right:1px solid #650000}

#cms_navi a:link{text-decoration:none; color:#fff}
#cms_navi a:visited{text-decoration:none; color:#fff}
#cms_navi a:hover{text-decoration:none; color:#fff; background-color:#9d3333}
#cms_navi a:active{text-decoration:none; color:#fff; background-color:#9d3333}

#cms_navi a.active:link{text-decoration:none; background:url(/pics/bg_navi_active.gif) repeat-x; color:#fff}
#cms_navi a.active:visited{text-decoration:none; background:url(/pics/bg_navi_active.gif) repeat-x; color:#fff}
#cms_navi a.active:hover{text-decoration:none; background:url(/pics/bg_navi_active.gif) repeat-x; color:#fff}
#cms_navi a.active:active{text-decoration:none; background:url(/pics/bg_navi_active.gif) repeat-x; color:#fff}

/* Subnavi */
#cms_subnavi{border-bottom:1px solid #ccc; background:url(/pics/bg_subnavi.gif) repeat-x #eee; padding:0 25px 0 25px; height:24px}
#cms_subnavi .align_right{position:absolute; right:30px; padding-left:2px; border-right:1px solid #bbb}
#cms_subnavi a{display:block; float:left; height:14px; padding:5px 10px 5px 10px; text-decoration:none; color:#000; border-left:1px solid #bbb}
#cms_subnavi a:hover{background:#eee !important}
#cms_subnavi a.active{background:#bbb; border-left:1px solid #aaa}
#cms_subnavi .end{display:block; float:left; height:24px; width:2px; border-left:1px solid #bbb}

/* Subsubnavi */
#cms_subsubnavi{border-bottom:1px solid #ccc; background:url(/pics/bg_subnavi.gif) repeat-x #eee; padding:0 25px 0 25px; height:24px}
#cms_subsubnavi .align_right{position:absolute; right:30px; padding-left:2px; border-right:1px solid #bbb}
#cms_subsubnavi a{display:block; float:left; height:14px; padding:5px 10px 5px 10px; text-decoration:none; color:#000; border-left:1px solid #bbb}
#cms_subsubnavi a:hover{background:#eee !important}
#cms_subsubnavi a.active{background:#bbb; border-top:1px solid #aaa; border-left:1px solid #aaa; height:13px; padding:4px 10px 6px 10px}
#cms_subsubnavi .end{display:block; float:left; height:24px; width:2px; border-left:1px solid #bbb}

/* Logout */
#cms_logout{float:right}

#cms_logout a:link{text-decoration:none; color:#fff}
#cms_logout a:visited{text-decoration:none; color:#fff}
#cms_logout a:hover{text-decoration:underline; color:#fff}
#cms_logout a:active{text-decoration:underline; color:#fff}

/**
 * Content
 */
#cms_main .cms_wrapper{position:relative}
 
#cms_content_full{padding:15px 25px 35px 25px}
#cms_content_left{float:left; padding:20px 25px 35px 25px; width:65%; border-right:1px solid #ccc}
#cms_content_right{padding:20px 25px 25px 20px; width:70%; float:left; border-left:1px solid #ccc}

/**
 * Sidebar
 */
#cms_sidebar_left{float:left; width:157px; padding:20px 15px 20px 25px; position:relative}
#cms_sidebar_right{float:left; width:20%; padding:25px; position:relative}

/* Notifications */
p.no_results{clear:both; border:1px solid #d5c198; background:#FF9; padding:10px 12px; margin:0 0 10px 0}
p.notification{clear:both; border:1px solid #d5c198; background:#FF9; padding:10px 12px; margin:0 0 10px 0}
p.added{border:1px solid #d5c198; background:url(/pics/icons/ok.gif) #FF9 no-repeat 10px 10px; padding:10px 12px 10px 32px; margin:0 0 10px 0}
p.updated{border:1px solid #d5c198; background:url(/pics/icons/ok.gif) #FF9 no-repeat 10px 10px; padding:10px 12px 10px 32px; margin:0 0 10px 0}
p.deleted{border:1px solid #d5c198; background:url(/pics/icons/ok.gif) #FF9 no-repeat 10px 10px; padding:10px 12px 10px 32px; margin:0 0 10px 0}
p.alert{border:1px solid #d5c198; padding:10px 12px 10px 32px; margin:0 0 12px 0; background:url(/pics/icons/alert.gif) no-repeat 10px 9px #FF9}
p.error{border:1px solid #d5c198; padding:10px 12px 10px 32px; margin:0 0 12px 0; background:url(/pics/icons/alert.gif) no-repeat 10px 9px #FF9}
p.members_only{border:1px solid #d5c198; padding:10px 12px 10px 32px; margin:0 0 12px 0; background:url(/pics/icons/alert.gif) no-repeat 10px 9px #FF9}

/**
 * Form
 */
.cms_form{margin:0 0 10px 0; padding:0; clear:left}
.cms_form .field{clear:both; margin:0 0 3px 0}
.cms_form label{width:150px; padding:4px 10px 0 0; display:block; float:left; font-weight:bold; text-align:right}
.cms_form label span{color:#c00}
.cms_form .label_short{width:70px !important; text-align:left; float:left; padding:3px 10px 0 0}
.cms_form .value{display:block; margin:0 0 0 160px}
.cms_form .value_short{display:block; margin:0 0 0 80px}

.cms_form .field_tiny{width:20px}
.cms_form .field_small{width:30px}
.cms_form .field_small_larger{width:50px}
.cms_form .field_normal{width:135px}
.cms_form .field_medium{width:200px}
.cms_form .field_sidebar{width:190px}
.cms_form .field_large{width:300px}
.cms_form .field_larger{width:400px}
.cms_form .field_extra_large{width:500px}
.cms_form .field_full{width:100%}
.cms_form .field_small{width:30px}
.cms_form .field_postalcode{width:40px}
.cms_form .field_code{font:normal 11px "Courier New",Courier,monospace}

.cms_form input.field_day{width:25px}
.cms_form input.field_month{width:25px}
.cms_form input.field_year{width:40px}
.cms_form input.field_hour{width:25px}
.cms_form input.field_minute{width:25px}

.cms_form select.field_day{width:45px}
.cms_form select.field_month{width:100px}
.cms_form select.field_year{width:70px}
.cms_form select.field_hour{width:45px}
.cms_form select.field_minute{width:45px}

.cms_form .form_error{margin-top:-2px; padding-left:160px; font-weight:bold; color:#f00}
.cms_form .form_error_short{margin-top:-4px; padding-left:80px; font-weight:bold; color:#f00}
.cms_form .form_error_no_margin{margin-top:-4px; font-weight:bold; color:#f00}
.cms_form h3{border-bottom:1px solid #ccc; margin:3px 0 15px 0; padding:0 0 3px 0}
.cms_form .indent{padding:0 0 0 10px}

/**
 * Buttons
 */
.cms_button{background-color:#eee; background-repeat:no-repeat; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #ccc; padding:4px 6px; text-decoration:none; color:#000; margin-right:5px}
.cms_button:hover{background-color:#ddd}
.cms_button:active{background-color:#ddd; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666}

.cms_button_save{background-image:url(/pics/icons/silk/tick.png); background-position:6px 3px; padding-left:25px; font-weight:bold}
.cms_button_export{background-image:url(/pics/icons/download.gif); background-position:4px 3px; padding-left:20px; font-weight:bold}
.cms_button_edit{background-image:url(/pics/icons/edit.gif); background-position:4px 3px; padding-left:23px; font-weight:bold; margin-right:15px; color:#000 !important}
.cms_button_ok{background-image:url(/pics/icons/accept.gif); background-position:4px 3px; padding-left:23px; font-weight:bold; margin-right:15px; color:#000 !important}
.cms_button_delete{background-image:url(/pics/icons/delete.gif); background-position:4px 1px; padding-left:23px; font-weight:bold; margin-right:15px; color:#000 !important}

/**
 * View
 */
#cms_view .row{float:left; width:100%; margin:0 0 2px 0}
#cms_view label{font-weight:bold; float:left; width:150px; position:relative; padding-top:2px}
#cms_view .value{float:left; width:400px}

.scrolling_box{display:block; overflow:auto; width:95%; height:auto; max-height:300px; border:1px solid #ccc; padding:10px}
 
/* Tables */
.cms_table{border-spacing:0; border-collapse:collapse; width:100%}
.cms_table thead th{text-align:left; font-weight:bold; border-bottom:1px solid #ccc; padding:2px 2px}
.cms_table tbody td{border-bottom:1px solid #ccc; padding:4px 2px 6px 2px}
.cms_table tbody tr:hover td{background:#eee}

/* Actions */
.cms_actions{float:right}

.cms_action{background-color:#eee; background-repeat:no-repeat; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #ccc; padding:4px 6px; text-decoration:none; margin-left:5px; color:#000 !important; float:left}
.cms_actions a:hover{background-color:#ddd}
.cms_actions a:active{background-color:#ddd; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666}
.cms_action_reload{background-image:url(/pics/icons/sync.gif); background-position:0 2px; padding-left:20px}
.cms_action_add{background-image:url(/pics/icons/add.gif); background-position:6px 5px; padding-left:22px}
.cms_action_edit{background-image:url(/pics/icons/edit.gif); background-position:6px 2px; padding-left:26px;}
.cms_action_delete{background-image:url(/pics/icons/delete.gif); background-position:5px 1px; padding-left:26px;}
.cms_action_export{background-image:url(/pics/icons/download.gif); background-position:4px 2px; padding-left:22px;}

.cms_move{background:url(/pics/icons/move.gif) no-repeat; height:13px; display:block; float:left; margin-right:25px; padding-left:17px; color:#00e; text-decoration:underline; cursor:move}
.cms_edit{background:url(/pics/icons/silk/page_white_edit.png) no-repeat 0 0; padding:1px 0 2px 21px; margin-right:15px;text-decoration:none;}
.cms_delete{background:url(/pics/icons/silk/cross.png) no-repeat 0 0; padding:0 0 1px 20px;text-decoration:none;}
.cms_export{background:url(/pics/icons/download.gif) no-repeat 0 -1px; padding:0 0 2px 20px}
.cms_download{background:url(/pics/icons/download.gif) no-repeat 0 -1px; padding:0 0 2px 20px; margin-right:15px}
.cms_folder{background:url(/pics/icons/silk/folder.png) no-repeat 0 -2px; padding:0 0 2px 22px}
.cms_folder_locked{background:url(/pics/icons/silk/folder_delete.png) no-repeat 0 -2px; padding:0 0 2px 22px}
.cms_file_image{background:url(/pics/icons/silk/image.png) no-repeat 0 0; padding:0 0 2px 22px}

/* Letters */
.cms_letters{text-align:center; margin:0 0 8px 0}
.cms_letters a{margin:0 !important}
.cms_letters a.active{font-weight:bold; text-decoration:none; color:#000}

/* UL list */
ul.cms_list{list-style-type:none; margin:0 0 10px 0; padding:0 0 0 10px}
ul.cms_list li a{background:url(/pics/icons/bw/arrow_right.gif) no-repeat 0 2px; padding-left:10px}
ul.cms_list li.active{font-weight:bold}

/* UL sortable list */
.cms_sortable_list_title{margin:0 0 3px 0}
ul.cms_sortable_list{width:100%; list-style-type:none; margin:0; padding:0; border-top:1px solid #ccc}
ul.cms_sortable_list li{width:100%; border-bottom:1px solid #ccc; padding:4px 2px 6px 2px}
ul.cms_sortable_list .c1{width:40%; display:block; float:left}
ul.cms_sortable_list .c2{}
ul.cms_sortable_list li:hover { background: #eee; }

/**
 * Tail
 */
#cms_tail{border-top:1px solid #ccc; padding:10px 60px; text-align:center}

/**
 * Pages
 */
.cms_pages{text-align:center}

/* Tooltips */
.cms_tooltip{display:none; position:absolute; z-index:1000; color:#000; width:168px}
.cms_tooltip h4{float:left}
.cms_tooltip_top{display:block; width:162px; height:6px; background:url(/pics/tooltip/tooltip_top.gif) no-repeat}
.cms_tooltip .cms_tooltip_text{display:block; padding:0 7px; margin:0; width:146px; background:#fdf7bf; border-left:1px solid #000; border-right:1px solid #000}
.cms_tooltip h4{font-size:13px; float:none !important; margin:0 !important; padding:0 !important}
.cms_tooltip_bottom{display:block; width:162px; height:14px; background:url(/pics/tooltip/tooltip_bottom.gif) no-repeat}

.cms_link_help{margin:2px 0 0 3px}

/* No rights */
#no_rights{padding:25px 25px 25px 25px}
#no_rights h2{color:#840000; font:bold 11px Verdana,Arial,Helvetica,sans-serif !important; border-bottom:none !important; margin:0 0 2px 0; text-align:left !important}