body
{
width:100%;
height:100%;
background-image:url('../images/back_1.jpg');
background-size:cover;
font-family:sans-serif;
font-size: 14px;
}

#body_container
{
margin-left:150px;
margin-right:150px;
padding-bottom:5px; 
border:2px solid #CCCCCC;
background-color:#EFEFEF;
width:990px;
/*height:600px;*/
}

#login_form
{
background-color:#ADCCAC;
border:2px solid;
border-radius:10px;
width:350px;
padding:25px;
margin-left:300px;
margin-top:170px;

}

#login_form td
{
padding:5px;
border-radius:5px;
}

fieldset
{
    padding: 15px;
    border: 1px #444 solid;
}
legend
{
    color:#495d68;
    font-size:16px;
    font-weight:bold;
}

#copyright{
	width:100%;
	background:url('../images/footer.jpg') #0d4494 repeat-x top;
	color:#dce9f8;
	padding:20px 0 20px 0;
        margin-top: 50px;
	text-indent:30px;
}
#copyright a{
	color:#dce9f8;
}

#error_msg
{
    width:600px;
    margin-left:100px;
    margin-right:50px;
    background-color:#ecaeae;
    padding: 10px;
    padding-left: 30px;
    color:yellow;
    font-size:16px;
    font-weight:bold;
}

#success_msg
{
    width:600px;
    margin-left:100px;
    margin-right:50px;
    background-color:#cff8c9;
    padding: 10px;
    padding-left: 30px;
    color:black;
    font-size:16px;
    font-weight:bold;
}

/* for table sorting*/
.sortable {width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
/*.sortable th {background:url('../images/header-bg.gif'); padding:0px;  text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none;}*/
.sortable th {background:url('../images/header-bg.gif'); height:50px;   padding:0px; text-align:center;color:#cfdce7; border:1px solid #fff;border-right:none;}
.sortable th h3 {font-size:14px;margin:0px; }
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;}
.sortable .head h3 {background:url('../images/sort.gif') 2px center no-repeat; cursor:pointer; padding-left:15px}
.sortable .desc, .sortable .asc {background:url('../images/header-selected-bg.gif') }
.sortable .desc h3 {background:url('../images/desc.gif') 2px center no-repeat; cursor:pointer; padding-left:15px}
.sortable .asc h3 {background:url('../images/asc.gif') 2px  center no-repeat; cursor:pointer; padding-left:15px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}