.FixItDiv
{
	padding-left:15px;
}
label
{
    font-weight:bold;
}
h3
{
    text-decoration:underline;
}
.width {
 width:95%;
 min-width:300px;
}
.content {
 padding:5px;
}
.rule {
 width:300px;
 margin:1em 0;
}
.selector {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    padding: 4px 7px 3px 4px;
   
}
.selector:hover {
    background-color:whitesmoke
}
.selectorDep {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    padding: 4px 7px 3px 4px;
   
}
.selectorSM {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    padding: 4px 7px 3px 4px;
    width: 95%;
}

.selectorRed {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cc0000;
    padding: 4px 7px 3px 4px;
    /*width: 98%;
    margin-left: auto;
    margin-right: auto;*/
}


    /* All Div */
.AllDiv1 {
    width: 98%;
    padding: 0 0px;
    float: left;
    text-align: left;
   
}



/* Left Div */
.LeftDiv1 {
    width: 50%;
    padding: 0 0px;
    float: left;
    text-align: left;
}

/* Right Div */
.RightDiv1 {
    width: 50%;
    padding: 0 0px;
    float: right;
    text-align: left;
}

/**************[tables]***************/
table.table1, th, td, tr
{
    table-layout:auto;
    border-style: solid;
    border-width: 1px;
    border-color:  #cccccc;    
    border-collapse: collapse;   
}

table.table2, th, td
{
    table-layout:fixed;
    border-style: none;
    border: 0px;      
}

.button {
    display: block;
    height: auto;
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #cc0000;
    border-style: outset;
    color: #000;
    font-weight: bold;
    white-space: normal;
    width: auto;
}

 .button:hover {
        display: block;
        height: auto;
        background: #bfbfbf;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
        border: 1px solid #cc0000;
        border-style: outset;
        color: #000;
        font-weight: bold;
        white-space: normal;
        width: auto;
}

/*.buttonDep {
        display: block;
        height: auto;
        background: #f1f1f1;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
        border: 1px solid #cc0000;
        border-style: outset;
        color: #000;
        font-weight: bold;
        white-space: normal;
        width: 350px;
    }*/



/*************[Messages]**************/
#messages ul, #warnings ul, #errors ul {
	padding:10px;
	margin:0px 8px 5px 8px;
}
#messages li, #warnings li, #errors li {
	margin-left:1.5em;
}
#messages {
	color:#000;
}

#messages ul {
	border:2px solid #DBDB08;
	background:#ffffcc;
}
#warnings {
	color:#960;
}

#warnings ul {
	border:2px solid #E59C09;
	background:#fc6;
}
#errors {
	color:#900;
}
#errors ul {
	border:2px solid #c66;
	background:#fcc;
}
/******[ Modal stuff ]******/
.modalBackground{
	background-color: Gray;
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
}
.modalPanel
{
	border:solid 2px black;
	background:white;
	padding:25px;
	margin:5px;
}

/**************[Time control]***************/

    .modal {
        position: fixed;
        top: 17%;
        left: 50%;
        margin-left: -300px;
        width: 600px;
        background-color: #EEE;
        color: #333;
        border: 1px solid black;
        padding: 12px;
    }
 
    .modalOverlay {
        background-color: #000;
    }
 
    /* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
 
     * html .modal {
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
    }