/* 
    Document   : forms
    Created on : Sep 16, 2009, 2:02:37 PM
    Author     : mejm
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


.transparent_50 {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
.transparent_70 {
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
}
.transparent_90 {
        filter:alpha(opacity=90);
        -moz-opacity:0.90;
        -khtml-opacity: 0.90;
        opacity: 0.90;
}


.frm {
    padding:5px;
    width:1150px;
    background-color: #e0c0c0;
}
.frm div {
    padding:1px;
}
.frm span {
    display: inline-block;
    width:80px;
    background-color: #e0c0c0;
    padding-left:8px;
    padding-right:5px;
}
.editor {
    display: block;
    background-color: #fff0f0;
    padding-left:8px;
    padding-right:8px;
}

.view {
    overflow:hidden;
}
.viewport {
    border-width:0px;
    color: #000000;
}

.inline {
    clear:right;
    float:left;
    display:inline;
    padding: 0px;
	padding-top:1px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: bottom;
    z-index:50;
}

.label {
    display:inline-block;
    padding: 0px;
    margin-left: 2px;
    margin-right: 2px;
	margin-top:2px;
    vertical-align: bottom;
	text-align:center;
    width: 90px;
    padding-top: 2px;
    z-index:50;
	color:#101030;
	font-weight:650;
}
.horizontallabel {
    display:inline-block;
    padding: 0px;
    margin-left: 2px;
    margin-right: 2px;
	margin-top:2px;
    vertical-align: bottom;
    padding-top: 2px;
    z-index:50;
}
.row {
    clear: left;
}
.inlinebox {
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 2px;
    text-align:center;
    clear:right;
    float:left;
    display:inline-box;
    z-index:50;
    width:16px;
    height:12px;
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    background-color: #f7f9fa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px;
 
}
thead {
    font-size: 14px;
}
tbody {
    font-size: 12px;
}
.flexiresize {
    border-width:0px;
}

    .ubutton {
        position:absolute;
        right: 0px;
        top:0px;
        width:13px;
        height:14px;
        border-width:0px;
        border-style:solid;
        border-color:#c0c0c0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        color:black;
        margin-left:0px;
        background-image: url('../Images/u_arrow_brown.png');
    }
    .dbutton {
        position:absolute;
        right: 0px;
        bottom:0px;
        width:13px;
        height:14px;
        border-width:0px;
        border-style:solid;
        border-color:#c0c0c0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        color:black;
        margin-left:0px;
        background-image: url('../Images/d_arrow_brown.png');
    }
    .lbutton {
        position:absolute;
        left: 0px;
        bottom: 0px;
        width:14px;
        height:13px;
        border-width:0px;
        border-style:solid;
        border-color:#c0c0c0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        color:black;
        margin-left:0px;
        background-image: url('../Images/l_arrow_brown.png');
    }
    .rbutton {
        position:absolute;
        right:0px;
        bottom:0px;
        width:14px;
        height:13px;
        border-width:0px;
        border-style:solid;
        border-color:#c0c0c0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        color:black;
        margin-left:0px;
        background-image: url('../Images/r_arrow_brown.png');
    }

    .hslider_grab {
        width:38px;
        height: 13px;
        position: absolute;
        bottom:0px;
        left: 14px;
        background-image: url('../Images/slider_grab_horz.png');
    }
    .vslider_grab {
        position: absolute;
        height:38px;
        width: 13px;
        top: 14px;
        right: 0px;
        background-image: url('../Images/slider_grab_vert.png');
    }

    .vslider {
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        clear:left;
        display:inline;
        position:absolute;
        z-index:50;
        right:0px;
        top: 280px;
        width:13px;
        height:66px;
        border-width:1px;
        border-style:solid;
        border-color:#808080;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .hslider {
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        position:absolute;
        z-index:50;
        left: 0px;
        bottom:0px;
        width:66px;
        height:14px;
        border-width:1px;
        border-style:solid;
        border-color:#808080;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .slider_hover {
        background-color:#c0b0c0;
    }
    .slider_active {
        background-color:#b0f0a0;
    }
    .view {
        overflow:hidden;
        text-alignment: left;
    }
    .viewport {
        border-width:0px;
        color: #000000;
    }
    .resizable {
        
        
    }
    .alsoresize {
        
    }

    img {
        position:relative;
        top:0px;
        left:0px;
    }
    .formul {
        text-decoration:none;
        list-style-type:none;

    }
	
    .formul th {
        vertical-align:top;
        padding-top:1px;
		padding-left:5px;
		padding-right:5px;
		color:#001020;
    }
	
    #form {
        margin-right:0px;
        margin-left:0px;
        margin-top:0px;
    }
	.form {
		width:992px;
	}
	.filters {
        filter:alpha(opacity=95);
        -moz-opacity:0.95;
        -khtml-opacity: 0.95;
        opacity: 0.95;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
		background-color:#080808;
	    color:#fffffa;
	    width:100%;
	    padding-top:2px;
		padding-bottom:4px;
		padding-left:4px;
		margin-bottom:4px;
		margin-left:0px;
		margin-right:10px;
	}
	.ui-front {
		z-index:2000;
	}