@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of ISPConfig elements - ISPConfig 3: default theme
 * (de) Einheitliche Standardformatierungen f�r ISPConfig-Elemente - ISPConfig 3: default theme
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
	.pageForm_description {
		font-size: 12px;
	}
	
	/* Tab-Box */
	.tabbox_tabs {
    	border-bottom: 1px solid #d3d3d3;
	}
	.tabbox_tabs ul {
    	list-style: none;
    	padding: 0;
    	margin: 0;
	}
	.tabbox_tabs li {
    	display: inline;
    	margin: 0 2px 0 0;
	}
	.tabbox_tabs a {
    	padding: 0 1em;
    	text-decoration: none;
    	color: black;
    	background: #d3d3d3;
    	border: 1px solid #d3d3d3;
	}
	.tabbox_tabs a:hover {
    	background: #fc0;
    	color: #540;
	}
	.tabbox_tabs .active a {
    	font-weight: bold;
    	color: #ff6600;
    	background: #ffffff;
	}
	
	.pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formarea fieldset {
		border-color: #D0D0D0 -moz-use-text-color -moz-use-text-color;
		border-style: solid none none;
		border-width: 1px medium medium;
		margin: 20px 0;
	}
	.pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend, .pnl_formarea fieldset {
		font-weight: bold;
	}
	
	.box {
		padding:4px;
		margin: 0 0 20px 0;
	}
	.box_error { border: 4px solid #CC0000; }
	.box_error h1 { color: #CC0000; }
	.box_support { border: 1px solid #6495ed; }
	.box_support h1 { color: #6495ed; }
	.box_msg { border: 2px solid #6495ed; }
	.box_msg h1 { color: #6495ed; }
	
	.codeview {
		margin:20px 0;
		padding:2px;
		border: 1px solid #ffcc00;
		background: #fffaea;
		font-family: Consolas, "Lucida Console", "Courier New", monospace;
		font-size: 0.9em;
	}
	
	/* Lists */
	table.list {
		width: 100%;
		border: 1px solid #d3d3d3 !important;
	}
	table.list thead th { font-size: 10px; }
	table.list tbody { border: 1px solid #d3d3d3 !important; }
	table.list tfoot td { text-align: center;  background: #f8f8f8 url(../../images/lists_tfoot_bg.png) repeat-x bottom left;  padding: 24px 8px 8px 8px; }
	table.list .tbl_row_even { background: #fcfcfc; }
	table.list .tbl_row_uneven { background: #f0f8ff; }
	table.list tr:hover { background: #fffacd; }

    /* Password Strength */
    #passBar {
        width: 101px; height: 10px;
        background: url(../../images/meter_bg.gif) repeat-x bottom left;
        margin: 2px 0;
        float: left;
    }
    #passText {
        padding: 0 8px;
        float: left;
    }
  
	/* Systemmonitor */
    .systemmonitor-state {
		margin: 10px 0;
		font-family: Consolas, "Lucida Console", "Courier New", monospace;
		font-size: 0.9em;
    }
    .systemmonitor-state.state-no_state {
		border-top: 4px solid #95A19F;
		background-color: #FBF6EE;
    }
    .systemmonitor-state.state-unknown {
		border-top: 4px solid #30302e;
		background-color: #cecfc5;
    }
    .systemmonitor-state.state-ok {
		border-top: 4px solid #23fb00;
		background-color: #adffa2;
    }
    .systemmonitor-state.state-info {
		border-top: 4px solid #fdff00;
		background-color: #fdffa2;
    }
    .systemmonitor-state.state-warning {
		border-top: 4px solid #ffa800;
		background-color: #ffda93;
    }
    .systemmonitor-state.state-critical {
		border-top: 4px solid #ff0000;
		background-color: #ffb9b9;
    }
    .systemmonitor-state.state-error {
		border-top: 4px solid #ff0000;
		background-color: #ff7f7f;
    }

    .systemmonitor-device {
        background-repeat: no-repeat;
        background-position: 12px 4px;
        min-height: 80px;
    }
    .systemmonitor-device.device-system { background-image: url("../../icons/x64/network.png"); }
    .systemmonitor-device.device-server { background-image: url("../../icons/x64/server.png"); }

    .systemmonitor-content.icons32 {
		padding:2px 10px 2px 80px;
        background-repeat: no-repeat;
        background-position: 12px 4px;
    }
    .systemmonitor-content.icons32.ico-no_state { /*background-image:url("../../icons/x32/state_no.png"); */ }
    .systemmonitor-content.icons32.ico-unknown { background-image:url("../../icons/x32/state_unknown.png"); }
    .systemmonitor-content.icons32.ico-ok { background-image:url("../../icons/x32/state_ok.png"); }
    .systemmonitor-content.icons32.ico-info { background-image:url("../../icons/x32/state_info.png"); }
    .systemmonitor-content.icons32.ico-warning { background-image:url("../../icons/x32/state_warning.png"); }
    .systemmonitor-content.icons32.ico-critical { background-image:url("../../icons/x32/state_critical.png"); }
    .systemmonitor-content.icons32.ico-error { background-image:url("../../icons/x32/state_error.png"); }

    .systemmonitor-content table {
		border: none;
		margin-top: 10px;
	}

    .systemmonitor-content * .online {
        border: 1px solid #ffffff;
		background-color: #E3FFB8;
        color: #000000;
		padding:0px 5px;
	}
	.systemmonitor-content * .offline {
        border: 1px solid #ffffff;
		background-color: #d12f19; 
		color:#ffffff;
		padding:0px 5px;
	}

	/* Image-Replacement */
	.swap { background-repeat:no-repeat; }
	.swap span { display:none; height:16px; } 
	#ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:32px; } 
	#ir-Yes { background-image:url("../../icons/x16/tick_circle.png"); height:16px; } 
	#ir-No { background-image:url("../../icons/x16/cross_circle.png"); height:16px; } 
  	
	/* BUTTONS */
	.buttons a, .buttons button{
	    display:block;
	    float:left;
	    margin:0 7px 0 0;
	    background-color:#f5f5f5;
	    border:1px solid #dedede;
	    border-top:1px solid #eee;
	    border-left:1px solid #eee;
	
	    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	    font-size:90%;
	    line-height:130%;
	    text-decoration:none;
	    font-weight:bold;
	    color:#565656;
	    cursor:pointer;
	    padding:5px 10px 6px 7px; /* Links */
	}
	.buttons button{
	    width:auto;
	    overflow:visible;
	    padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type]{
	    padding:5px 10px 5px 7px; /* Firefox */
	    line-height:17px; /* Safari */
	}
	*:first-child+html button[type]{
	    padding:4px 10px 3px 7px; /* IE7 */
	}
	.buttons button img, .buttons a img{
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}
	
	/* BUTTONS STANDARD */
	button:hover, .buttons a:hover{
	    background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	.buttons a:active{
	    background-color:#6299c5;
	    border:1px solid #6299c5;
	    color:#fff;
	}
	
	/* BUTTONS POSITIVE */
	button.positive, .buttons a.positive{
	    color:#529214;
	}
	.buttons a.positive:hover, button.positive:hover{
	    background-color:#E6EFC2;
	    border:1px solid #C6D880;
	    color:#529214;
	}
	.buttons a.positive:active{
	    background-color:#529214;
	    border:1px solid #529214;
	    color:#fff;
	}
	
	/* BUTTONS NEGATIVE */
	.buttons a.negative, button.negative{
	    color:#d12f19;
	}
	.buttons a.negative:hover, button.negative:hover{
	    background-color:#fbe3e4;
	    border:1px solid #fbc2c4;
	    color:#d12f19;
	}
	.buttons a.negative:active{
	    background-color:#d12f19;
	    border:1px solid #d12f19;
	    color:#fff;
	}

	/* Button with icon and text */
	.iconstxt {
		background-repeat: no-repeat; 
		background-position: 4px 4px;
	}
	.iconstxt span { padding-left: 20px; }
	.iconstxt.icoPositive { background-image: url("../../icons/x16/tick_circle_frame.png"); }
	.iconstxt.icoNegative { background-image: url("../../icons/x16/cross_circle_frame.png"); }
	.iconstxt.icoAdd { background-image: url(../../icons/x16/plus_circle_frame.png); }
	.iconstxt.icoKey { background-image: url("../../icons/x16/key.png"); }
	
	/* Button with icon and without text */
	.icons16 span { display: none; }
	a.icons16 { height: 18px; width: 18px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
	button.icons16 { height: 20px; width: 20px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}

	.icons16.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
	.icons16.icoFilter { background-image: url(../../icons/x16/funnel.png); }
	.icons16.icoEdit { background-image: url("../../icons/x16/wrench.png"); }
	.icons16.icoDbAdmin { background-image: url("../../icons/x16/database.png"); }
	.icons16.icoLoginAs { background-image: url("../../icons/x16/user_go.png"); }
	.icons16.icoWebmailer { background-image: url("../../icons/x16/mails_arrow.png"); }
}