* { padding:0; margin:0; outline:0; }


@font-face {
    font-family: 'myBanglaWebFont';
    src: url("../fonts/SolaimanLipi_22-02-2012.ttf") format('truetype');
/*    src: url("SolaimanLipi_20-04-07.ttf");*/
}

body {
    background:#f9ebae;
/*    font-family: Verdana, sans-serif;*/
    font-size:16px;
    line-height:14px;
    color:#5e5e5e;
    font-family:'myBanglaWebFont',Arial,Vrinda,FallbackBengaliFont,Helvetica,sans-serif;
/*    src: url("SolaimanLipi_20-04-07.ttf") format('truetype');*/
    
}

input, textarea, select { font-family: 'myBanglaWebFont',Arial,Vrinda,FallbackBengaliFont,Helvetica,sans-serif; font-size:15px;margin-right: 2px;padding: 2px; }
input[type=radio] {
    float:left;
    width:auto;
    margin: 6px 0;
    padding: 0;
    line-height: 26px;

}


/*.radio{
    clear:right;margin-bottom: 20px;
}*/
.radio fieldset{
    border: none;
}
.radio fieldset label:nth-child(2n+1){
    margin: 0 10px 6px 0px;line-height: 26px;float:left;
}
.radio fieldset label:nth-child(2n+2){
    margin: 0 10px 6px 0;line-height: 26px;
}

textarea { overflow:hidden; }

.field { border:solid 1px #d3cfc7; background:#fff; padding:3px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }

.checkbox {height:13px; vertical-align:top; position:relative; top:2px; }

.button { background:#eee url(../images/button.png) repeat-x 0 0; border:solid 1px #b1a874; color:#ffffff; font-size:15px;  padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.search-button{
    background:#eee url(../images/button.gif) repeat-x 0 0;
    font-size:11px; 
    color:#7f7f7f;
}
.button:hover { color:#333; border-color:#857b42;background: #f9ebae url(../images/button_hover.png) repeat-x 0 0; }


.field:focus {color:#000; border-color:#857b42;}

a img { border:0; }

a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline;  }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:18px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { width:1024px; margin:0 auto;

}

#header { height:89px; background:url(../images/header.gif); white-space:nowrap; }
#header img.logo{ float: left;margin-left: 50px;margin-top: 10px; }
#header h1{ float:left; display:inline; padding-top:12px;}
#top-navigation {  white-space:nowrap; color:#fff; padding-top:8px;padding-left: 50px;margin-right: 50px; float: right; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#dca598; }
#top { height:53px; }

#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li a,
#navigation ul li a span { float:left; height:36px; background:url(../images/tab.gif) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px;font-size:18px; color:#907525; font-weight: bold;text-decoration: none; }

#navigation ul li a.active,
#navigation ul li a:hover { background-position:0 bottom;}

#navigation ul li a.active span,
#navigation ul li a:hover span{ background-position:right bottom;}

#navigation ul li a.active { font-size:18px; font-weight: bold; color:#092B51; }


#container { padding:15px 0;
/*background:url(../images/Court-2.jpg) repeat scroll left top #f9ebae;*/

}

.small-nav { color:#978b48; padding-bottom:20px;  }
.small-nav a{ color:#6f6636;font-size: 18px; text-decoration: underline ;white-space: nowrap;line-height: 30px;margin: 5px;}
.small-nav a:hover{ text-decoration:none;}


#main {}
#content { float:left; width:810px; }
#sidebar { float:right; width:210px; }


.table {padding:0px 10px 5px 10px;}
.table th{ background:#fffdfa url(../images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr td.actions{ 
    white-space: nowrap;
    /*    color: #
        font-size: 12px;*/
}
.table tr:hover td{ background:#fff9e1;cursor: pointer; }
/*.table tr:hover td:last-child{ background:#fff9e1;cursor: none; }*/
.table a.ico{ }
.table th a.asc:after {
    content: ' ⇣';
}
.table th a.desc:after {
    content: ' ⇡';
}

.box { background:#fbfcfc; height:auto; padding:1px; margin-bottom:10px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       border-radius: 5px; 
}
.box-head { background:#BA4C32; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 5px;
}            
.box-head-window{
background:#7f7f7f;
}            


.box-head a{
    color: #ffffff;
}
.sort_by h2:after{
    content: ' ⇣';
}
/*.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }*/


.box-head .right{ padding-top:5px; line-height:13px;white-space:nowrap; }
.box-head .right  div{ margin: 0px;display:block;}

.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0; margin-left: 5px;}
.box-head .right input { margin-left:5px;}
.box-head .right select { margin-left:5px;}

.login{ width: 60%; margin-left: 200px; }

.login .box-head {background:#BA4C32;}

.pagging { height:70px; padding:8px 10px; line-height:19px; color:#949494;}
.pagging a{ background:url(../images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; padding-top:2px; }
.pagging span.current{ border-color:#8c3521; background:#ba4c32; color:#fff;height:20px; float:left; padding:0 8px;margin-left:5px; margin-top: 3px;  }
.pagging .right {
    margin: 5px 0 10px 0;


}

a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.view { background-image:url(../images/view2.jpg);font-size: 12px; }
a.edit { background-image:url(../images/edit.gif); margin-left:5px;font-size: 12px;}
a.del { background-image:url(../images/del.gif); margin-left:5px;font-size: 12px;}

a.create_user { background-image:url(../images/create_user.png); margin-left:5px;font-size: 12px;}




.form { padding:15px 10px 5px 10px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-left: 2px; padding-bottom: 2px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form div{ padding-bottom:15px; }
.form div.submit{ clear: both; margin-top: 30px; }
.form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
.form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
.form .error,
.form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.form div.left{
    float: left; 
    width: 50%;
    border-right: 1px solid #CCCCCC;
/*    padding-right: 10px;  */
}
.form div:right{
    float: right;
    width: 50%;
    clear: right;
    
}

fieldset {
    border:none;

    padding: 16px 10px;
}
fieldset legend {


    font-weight: bold;
    text-decoration: underline;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}


form div.required {
    font-weight: bold;
}
form div.required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
.form div.checkbox input[type=checkbox] { float: left; margin-right: 5px; }
.form div.input{
    clear: both;

}
.form div.input select{ float: left;
                        margin-right: 10px;margin-bottom:  10px;
}




.size1 { width:716px; }
.size2 { width:350px; }
.size3 { width:200px; }
.size4 { width:150px; }
.size5 { width:120px; }
.size6 { width:100px; }
select.size1{
    width:auto;
}
select.location{
    width: 100px;
}
textarea.size1 { height:100px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { 
    /*    border-top:solid 1px #e0e0e0; 
           padding-top:10px; 
           margin-top:15px;*/
}
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }

.sort_by h2 a.showSort:after{
    content: ' ⇣';
}
.sort_by h2 a.hideSort:after{
    content: ' ⇡';
}
.box-content p { padding-top:10px; }
.box-content ul li { margin: 10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { margin-bottom: 5px; float:left; height:26px; background:url(../images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}

.edit-button,
.edit-button span { margin-bottom: 5px; float:left; height:26px; background:url(../images/edit-button.png) no-repeat 0 0; padding:0 0 0 28px; }
.edit-button span { background-position:right 0; padding:0 10px 0 0; }
.edit-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.edit-button:hover { color:#333;}

.delete-button,
.delete-button span { margin-bottom: 5px; float:left; height:26px; background:url(../images/delete-button.png) no-repeat 0 0; padding:0 0 0 28px; }
.delete-button span { background-position:right 0; padding:0 10px 0 0; }
.delete-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.delete-button:hover { color:#333;}

.list-button,
.list-button span { margin-bottom: 5px; float:left; height:26px; background:url(../images/list-button.png) no-repeat 0 0; padding:0 0 0 28px; }
.list-button span { background-position:right 0; padding:0 10px 0 0; }
.list-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.list-button:hover { color:#333;}

.print-button,
.print-button span { margin-bottom: 5px; float:left; height:26px; background:url(../images/print-button.png) no-repeat 0 0; padding:0 0 0 28px; }
.print-button span { background-position:right 0; padding:0 10px 0 0; }
.print-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.print-button:hover { color:#333;}


/** Scaffold View **/
dl {
    line-height: 2em;
    margin: 2em 1em;
    width: 90%;

}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
    /*	background:#CCCCCC;*/
}

dt {
    font-weight: bold;

    vertical-align: top;
    width: 15em;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid #CCCCCC;

}
dd {
    margin-left: 16em;
    margin-top: -2.3em;
    vertical-align: top;
    padding: 2px 0px 2px 20px;
    border-bottom: 1px solid #CCCCCC;
    
}

#footer { height:60px; background:url(../images/footer2.jpg); line-height:60px; color:#fff;}
#footer a{ color:#fff; }
#footer div.shell span.left img{ margin: 2px; }


.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg_window { position:absolute; top: 30px;z-index: 10px;width: 90%; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(../images/close.gif); text-indent: -4000px;}

.msg-ok p{ font-size: 15px;background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(../images/msg-ok.gif); }
.msg-error p{ font-size: 15px;background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(../images/msg-error.gif);  }
.msg-field{
    width: 200px;margin-left: 60px;margin-top: 2px; 
    height: 10px;
    color:#ba4c32;
}

/*** CSS3 ***/


.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.button { 
    -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;


}


.chart .box-head {background:#BA4C32;}

.chart{
    width: 100%;
    clear: both;
    height: 300px;
}

.statistics{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    padding-bottom: 20px;
}

.statistics .box-head{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

}

.statistics ul{
    margin: 10px;
}

.statistics ul li{
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    /*    border-bottom: 1px solid #CCCCCC;*/
}
.statistics ul li a{
    text-decoration: none;
}
.statistics ul li a:hover{
    text-decoration: underline;
}
.statistics ul li:nth-child(odd) {
    float: left;
    width: 50%;
    padding-right: 50px;

}

.status{
    margin: 20px;
}

hr{
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.status_button{
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;

}

.status_button:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
.status_button:active {
    position:relative;
    top:1px;
}

.add_applicant{
    float: right; margin-right: 20px;
}
.add_defedant{
    float: right; margin-right: 20px;
}
/*SHAHED */
.hide{display:none;}