/* VPP css: main */

@charset "utf-8";

    * {
        margin: 0;
        padding: 0;
    }
    body  {
        font-family: calibri, Helvetica, Arial, sans-serif;
        background: url('../img/bg.png');
        color:#000;
        overflow:scroll;
    }
    #container { 
        width: 480px;
        margin: 0 auto;
        border: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #header {
        background: #548DD4 no-repeat url(../img/head.gif);
        height: 95px;
        position: relative;
    }
	
	#xpps1, #xpps2, #xpps4, #xpps41 {
		float:left;
		margin-right:10px;
		cursor:pointer;
	}
	
    #xpps2 {
		width:25px;
		height:17px;
		margin-top:3px;
		background-image:url(../img/2s.png);
	}
    #xpps4 {
		width:17px;
		height:25px;
		background-image:url(../img/3d.png);
	}
    #xpps41 {
		width:17px;
		height:25px;
		background-image:url(../img/4d.png);
    }
    #xpps1 {
		width:17px;
		height:25px;
		background-image:url(../img/1d.png);
	}
	
    #content {
        padding:18px;
        font-size:12px;
		background: #FFF;
    }
    .h {
        display:none;
    }
    .fl {float:left;}
    .fr {float:right;}
    .clickable {cursor:pointer;background:#EEE;}
    .clickable:hover {background:#94B0D3;}
    .bold {font-weight:bold;}
	.vmid {vertical-align:middle;}
    
    
    .pref {
        table-layout:fixed;
        padding-bottom:5px;
        min-width:400px;
    }
    .one {
        width:100px;
        text-align:right;
        padding-right:9px;
    }
    .mainfieldset {
        padding:6px;
        border: 1px solid #CCC;
        position:relative;
    }
    label {
        font-weight:bold;
    }
    .pref-table-td {
        height:30px;
    }
    .relpos {position:relative;}
    
    legend {
        font-size:14px;
        border: 1px solid #CCC;
        padding: 0px 4px 0px 4px;
        font-weight:bold;
    }
    .fakelegend {
        font-size:14px;
        border: 1px solid #CCC;
        padding: 0px 4px 0px 4px;
        position:relative;
        top:-25px;
        display:inline;
        float:right;
        margin-left:4px;
    }
    .inputelem {
        float:left;
        padding-right:7px;
        padding-left:15px;
        position:relative;
    }
    .act {
        background:#94B0D3;
    }
    
    .selectactive {
    	border: 1px #888 solid;
    }
    .selectsleep {
    	border: 1px #A0A0A0 dashed;
    }
	
	.pinputbox {
		float:left;
		padding:0 7px 0 3px;
		vertical-align:middle;
		font-weight: normal;
	}
	.shad_tl {background:url("../img/shadow_edges.png");width:10px;height:10px;}
	.shad_tm {background:url("../img/shadow_tb.png");height:10px;}
	.shad_tr {background:url("../img/shadow_edges.png") 10px 0px;width:10px;height:10px;}
	.shad_ml {background:url("../img/shadow_lr.png");}
	.shad_mr {background:url("../img/shadow_lr.png") 10px;}
	.shad_bl {background:url("../img/shadow_edges.png") 0px 10px;height:10px;}
	.shad_bm {background:url("../img/shadow_tb.png") 0px 10px;height:10px;}
	.shad_br {background:url("../img/shadow_edges.png") 10px 10px;height:10px;}
	table.shad {empty-cells:show;border-spacing:0px;}