body{
    padding: 0px;
    margin: 0px;
    line-height: 1.75em;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.fright{
    float: right !important;
}

.fleft{
    float: left !important;
}

.fleft-note{
    float: left !important;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:red;
}


.clear{
    clear: both;
}

#container{
    width: 100%;
}

header{
    width: 100%;
    background: url(../images/bg_header_admin.jpg);
}

#header-inner{
    width: 900px;
    margin: 0 auto;
    height: 80px;
    padding-top: 1px;
}

#logo{
    margin-top: 15px;
    width: 110px;
    color: #353535;
    float: left;
}

#logo h1{
    font-size: 32px;
    text-align: right;
    margin: 0px;
}

#logo p{
    text-align: right;
    margin: 0px;
    margin-bottom: 5px;
    font-size: 16px;
}

#user-info{
    float: right;
    margin-top: 15px;
}

#user-info a{
    color: #353535;
}

nav{
    background: #1d1d1d;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#nav-inner{
    width: 950px;
    margin: 0 auto;
}

#nav-inner ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#nav-inner ul li{
    float: left;
}

#nav-inner ul li a{
    padding-left: 40px;
    padding-right: 19px;
    color: #FFF;
    text-decoration: none;
    display: block;
    background: #1D1D1D;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
        
}

#nav-inner ul li a:hover{
    background: #15bdcc;
}

#nav-inner ul li a#dashboard{
    background: url(../images/dashboard.png) 10px center no-repeat #1D1D1D;
}

#nav-inner ul li a#dashboard:hover{
    background: url(../images/dashboard.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#page{
    background: url(../images/page.png) 10px center no-repeat;
}

#nav-inner ul li a#page:hover{
    background: url(../images/page.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#video{
    background: url(../images/video.png) 10px center no-repeat;
}

#nav-inner ul li a#video:hover{
    background: url(../images/video.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#directors{
    background: url(../images/directors.png) 10px center no-repeat;
}

#nav-inner ul li a#directors:hover{
    background: url(../images/directors.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#slider{
    background: url(../images/slider.png) 10px center no-repeat;
}

#nav-inner ul li a#slider:hover{
    background: url(../images/slider.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#globe:hover{
    background: url(../images/) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#logout{
    background: url(../images/logout.png) 10px center no-repeat;
    
}

#nav-inner ul li a#logout:hover{
    background: url(../images/logout.png) 10px center no-repeat #850808;
}

#nav-inner ul li a#user{
    background: url(../images/user.png) 10px center no-repeat;
    
}

#nav-inner ul li a#user:hover{
    background: url(../images/user.png) 10px center no-repeat #24cce0;
}

#nav-inner ul li a#contact{
    background: url(../images/contact.png) 10px center no-repeat;
    
}

#nav-inner ul li a#contact:hover{
    background: url(../images/contact.png) 10px center no-repeat #24cce0;
}


#content{
    width: 1024px;
    padding: 10px;
    margin: 0 auto;
    height: 1000px;
}

footer{
    border-top: 2px solid #1D1D1D;
    width: 100%;
}

#footer-inner{
    width: 900px;
    margin: 0 auto;
}

#footer-inner p{
    text-align: center;
}

table.tbl1
{
    background-color: #fff;
    width: 100%;
}


table.tbl1 thead
{
    background: #EEEEEE;
    
    margin: 0;
    padding: 0 22px;
    /*	color: #333;*/
    color: #000;
    width: 100%;
    height: 100px;
}

table.tbl1 tbody
{
    width: 100%;
}

table.tbl1 tbody a,table.tbl1 tbody a:visited
{
    color: #000;
    padding-top: 3px;
}

table.tbl1 tbody a img{
    margin-top: 10px;
}

table.tbl1 tbody a:hover
{
    text-decoration: none;
}

table.tbl1 tr th{
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
}
table.tbl1 tr td,
table.tbl1 tr
{
    /*	border: solid 1px #888;
    border-right:1px solid #d8d8d8;*/
    border-bottom:1px solid #d8d8d8;
    margin: 0;
    /*	padding: 4px 0;*/
    
    vertical-align: middle;
    padding: 5px;
}

.tr:hover{
    background: #bef5fb;
}


table.tbl1 tr td
{
    /*	text-align: center;*/
    
    color: #444;
    padding-left: 10px;
    padding-right: 10px;
    
    /*        font:12px Verdana,Arial;*/
}

table.tbl1 tr td.left
{
    text-align: left;
}

table.tbl1 tr td.center
{
    text-align: center;
}

table.tbl1 tr td.right
{
    text-align: right;
}

table.tbl1 tbody tr.alt td
{
    background-color: #FFF;
}

table.tbl1 tr.over td,
table.tbl1 tbody tr.alt.over td
{
    background-color: #d8f6cb;
    color: #000;
}

table.tbl1 tr.unread{
    background: #e9ecf0;
}

table.tbl1 a
{
    
    text-decoration: underline;
}

table.tbl1 a:hover
{
    text-decoration: none;
}

table.tbl1 a:visited
{
    color: #bccedc;
}

/* Define column widths 
----------------------------------------------------------*/
table.tbl1 td.number
{
    width: 13px;
}
table.tbl1 td.kecil
{
    width: 70px;
}
table.tbl1 td.sedang
{
    width: 150px;
}
table.tbl1 td.besar
{
    width: 400px;
}

.formRow-ck {
    clear: both;
    margin-top: 20px;

}


.formRow {
    clear: both;
    margin-top: 20px;

}
.formRow span {
    float: left;
    margin-right: 10px;
    width: 90px;
    margin-top: 6px;
}

.formRow input, .formRow textarea, .formRow select {
    float: left;
}

.formRow p{
    float: left;
    color: #F00;
    margin-left: 5px;
    margin-top: 5px;
}

.formRow2 {
    clear: both;
    margin-top: 20px;

}
.formRow2 p {
    float: left;
    margin-right: 10px;
    width: 90px;
    margin-top: 6px;
    display: table;
}

.formRow-button{
    margin-top:20px; margin-left:100px;
    clear: both;
}

input.textbox, textarea.textbox, select.textbox{
    background:#dedede;
    border: 1px solid #c9c9c9;
    color: #4A4A4A;
    font-size: 13px;
    padding: 8px;
    width: 250px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family:Arial, Helvetica, sans-serif;
}



.textbox-small{
    width: 150px !important;
}

.textbox-big{
    width: 350px !important;
}



.textbox:focus {
    border: 1px solid #9f9f9f;
}

.button {
    background-color: #30C0FB;
    background-image: -moz-linear-gradient(center top , #62CFFC, #30C0FB);
    background-repeat: repeat-x;
    border: 0;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 2px 14px 0px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding-bottom: 2px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    margin-top: 10px;
}
.button:hover {
    opacity: 0.9;
}


.file-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background: #1D1D1D;
    
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.file-wrapper:hover {
    background: #24CCE0;
}
.file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -moz-opacity: 0.01;
    cursor: pointer;
}
.file-wrapper .button-file {
    color: #fff;
    padding: 4px 15px 8px;
    margin-right: 5px; 
    display: block;
    cursor: pointer;
    
}

.file-holder{
    color: #000;
}

.paging {
	margin-top:10px;
        float: right;
}
.paging strong {
    background-color: #30C0FB;
    background-image: -moz-linear-gradient(center top , #20afea, #077dad);
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 0px 12px 0px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}

.paging a {
    background-color: #30C0FB;
    background-image: -moz-linear-gradient(center top , #62CFFC, #30C0FB);
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 0px 12px 0px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}
.paging a:hover {
    opacity: 0.9;
}