* {
    margin:0px;
    padding:0px;
    font-family: "Open Sans", Verdana, Arial, sans-serif !important;
    color:#596573;
}

.clear {
    clear:both !important;
}

#bg_pattern {
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    
    position:fixed;
    z-index:-1;
    
    background:url('images/pattern.png');
}

.header_space {
    padding-top:20px;
    
    text-align:center;
}

.alert{
    margin-bottom: 0px !important;
}

/*****************/
#login_container {
    background:#fcfcfc;
    
    width:509px;
    
    margin:0 auto;
    padding:15px;
    
    border: 1px solid gray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#login_container .title {
    margin-bottom: 10px;

    font-size:1.5em;

    text-transform:uppercase;
}
#login_container .splitter {
    margin-bottom: 10px;

    font-size:1.5em;

    text-transform:uppercase;
}


/*****************/
div.fancy-line { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
div.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
div.fancy-line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

div.fancy-line:before, div.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

div.fancy-line, div.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

div.fancy-line:after {
    background: #f4f4f4;
}


/*****************/
div.login-form {
    
    padding: 15px;
}

div.login-form label {
    
    text-align:right;
    padding-right: 15px;
    line-height:30px;
    color:gray;
}

div.login-form span.space-right {
    margin-right:10px;
}


/****************/
#left_pane {
    float:left;
    width:200px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column; 
    background:rgba(0,0,0,0.15);
    }

    #left_pane #header {
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    }
    
    #left_pane #header #logo {
        padding-bottom: 8px;
        line-height: 23px; 

        border-bottom: 1px solid #9cacbc;
        box-shadow: inset 0px 0px white, 0px 1px #ecf0f3;
        -moz-box-shadow: inset 0px 0px white, 0px 1px #ecf0f3;
        -webkit-box-shadow: inset 0px 0px white, 0px 1px #ecf0f3;
        }
        #left_pane #header #logo .logo {
            display:inline-block;
            vertical-align: middle;
            width:174px;
            height:92px;
            background-image:url(images/luz-log_small.png);
            background-position:center;
            background-repeat:no-repeat;
        }

    #left_pane #header #account {
        text-align:right;
    }

.domain-header {
    background-color: #ecf0f3;
    border: 1px solid #ced7e0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    
    border-top: 1px solid #9cacbc;
    
    border-bottom: 1px solid #9cacbc;
    box-shadow: inset 0px 1px white, 0px 1px #ecf0f3;
    -moz-box-shadow: inset 0px 1px white, 0px 1px #ecf0f3;
    -webkit-box-shadow: inset 0px 1px white, 0px 1px #ecf0f3;
    
    margin-bottom: 1px;
    margin-right:15px;
    margin-left:5px; }
    .domain-header .logout {
        display:block;
        line-height:25px;
        margin-right: 10px;
        text-align: right;
    }
    .domain-header .name {
        display:block;
        margin-left: 10px;
        width:110px;
        line-height:25px;
        overflow-x:hidden;
    }


    .item {
        margin-bottom:5px;
    }
    .domain-child  {
        
        display:inline-block;
        width:160px;
        
        margin-top: -2px;
        margin-left:0px;
        margin-right: 14px;
        padding-top: 6px;
        padding-bottom: 9px;
        padding-left: 10px;
        background-color: #ecf0f3;
        border: 1px solid #ced7e0;
        border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        
    }

    .domain-child .title {
        line-height:40px;
        margin-left: 5px;
    }
    .domain-child .number  {
        line-height:40px;
        float:right;
        margin-right: 15px;
    }

    .arrow {
        display:inline-block;
        margin-left:10px;
        width:10px;
        height:10px;
        background-image:url(images/arrow_menu.png);
        background-repeat:no-repeat;
    }
/***************/




/***************/
#content {
    width:100%;
    float:left;
    padding-left:200px;
    height:100%;
}
#content .shadow {
    position:fixed;
    z-index:2;
    float:left;
    height:100%;
    width:30px;
    -webkit-box-shadow: -5px 0px 8px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow:    -5px 0px 8px 0px rgba(50, 50, 50, 0.48);
    box-shadow:         -5px 0px 8px 0px rgba(50, 50, 50, 0.48);   
}

.fileUpload {
	position: relative;
	overflow: hidden;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.inner_content {
    padding: 30px 15px 0px 30px;
}

.form_container {
    width:100%;
}

td.download {
    border-left-color:green;
}