@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'MuliRegular', Arial, Helvetica, Sans-Serif;
	text-align: justify;
}

h1 { font-family: 'winterthurcondensedregular'; font-weight: normal;}
h2, h3, h4 { font-family: 'MuliRegular'; font-weight: normal;
    width: 100%;
}
h1 { font-size: 21px; color: #FFF; }
h2 { font-size: 19px; color: #262626; }
#container {
	width: 100%;
	/*height: 717px;*/
	/*position:relative;*/
    top: 2px;
    left: 1px;
    min-height:100%;
}

#header {
	width: 100%;
	height: 100px;
	background-image: url('');
	z-index: 900;
}

#header-img {
	width: 100%;
	height: 100px;
	float: right;
	background-image: url('images/quote.png');
	background-repeat: no-repeat;
	background-position: right;
}

#header-content {
	width: 960px;
	margin-top: 10px;
    height: 86px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

#header-content .logo {
	float: left;
	margin-top: 20px;
}

#logout {
    float: right;
	
    }
#page-heading {
	float: right;
	margin-bottom: 100px;
}

#line {
	width: 100%;
	height: 7px;
	background-color: #efb139;
    /*position:absolute;*/
    border-radius:5px;

    /*top: 100px;*/
    /*left: -8px;*/
}

#shadow-down {
	width: 100%;
	height: 10px;
	background-image: url('images/shadow-down.png');
    /*position:relative;*/
    top: 6px;
    left: 0px;
}

#navigation {
	width: 100%;
	height: 50px;
	border: 1px solid #E80;
	text-align: center;
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding-top: 15px;
}

#navigation li {
	display: inline;
	padding: 0px 40px 0px 40px;
}

#navigation a {
	font-size: 12px;
	color: #F00;
	text-decoration: none;
}

#navigation a:hover {
	color: #000;
}

/* CONTENT AREA */

#content {
	width: 100%;
}

#content-container {
    position:relative;
	width: 960px;
	margin: 0 auto 0 100px;
	padding-top: 10px;
}

#content-left {
	width: 230px;
	float: left;
	margin-left: 10px;
}

#content-right {
	width: 720px;
	height: 300px;
	float: right;
	margin: 0px 10px 0 20px;
}

#welcome-box {
	height: 20px;
	border: solid 1px #c3c3c3;
	background: #f78d1d;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d5d5d5));
	background: -moz-linear-gradient(top, #eaeaea, #d5d5d5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d5d5d5');
	
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding: .1em .5em .2em;
}

a {
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	text-decoration: none;
	}

/* TEXT COLOR */

.grey {
	font-size: 11px;
	color: #878787;
	text-align: justify;
	line-height: 1.5;
    text-shadow:1px 1px 1px #ffffff;
    
}

.grey a {
	font-size: 11px;
	color: #878787;
}

.grey a:hover {
	font-size: 11px;
	color: #8f8f8f;
}

.dark-grey {
	font-size: 11px;
	color: #6e6e6e;
	line-height: 1.5;
}

.black {
	font-size: 11px;
	color: #000;
}

.green {
            color:green; 
            font-weight:bold; 
            text-shadow:1px 1px 5px rgba(0,0,0,.2);
            font-size: 11px;
            text-align: justify;
         }

#links {
	height: 200px;
	margin-top: 10px;
	font-size: 11px;
	margin-left: 10px;
}

#links a {
	font-size: 11px;
	color: #0167c9;
}

/* TEXT COLOR ENDS */

/* FOOTER */

#footer {
	width: 100%;
	/*height: 40px;*/
	position: absolute;
	/*/bottom: 0;*/
	padding-top: 15px;
	text-align: center;
}
input {
    font-family: 'MuliRegular', Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    }
input[type='text'],input[type='password']  {
    /*background: #acacac/*f7d81d*/
    /*color:white;*/
    /*font-weight:bold;*/
    border-radius:5px;
    /*border-top: #ccc 2px solid;
    border-right: #ccc 2px solid;
    border-bottom: #777 2px solid;
    border-left: #777 2px solid;*/
    border: solid 3px #B3B3B3;
    outline: none;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.2s;
}
    input[type='text']:focus,input[type='password']:focus {
        border: solid 3px #969696;

    }


select {
    /*background: #acacac /*#f7d81d*/
    /*color:black;*/
    /*font-weight:bold;*/
    border-radius:5px;
    outline:none;
    /*border-top: #ccc 2px solid;
    border-right: #ccc 2px solid;
    border-bottom: #777 2px solid;
    border-left: #777 2px solid;*/
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;


}
    select:focus {
            box-shadow:0px 0px 5px #969696;

    }

textarea {
    /*background: #8f8f8f;*/
    /*color:white;*/
    /*font-weight:bold;*/
    border-radius:5px;
    box-shadow:1px 1px 10px white;
    outline:none;
    /*border-top: #ccc 2px solid;
    border-right: #ccc 2px solid;
    border-bottom: #777 2px solid;
    border-left: #777 2px solid;*/
    border: solid 3px #B3B3B3;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    }
    textarea:focus {
        border: solid 3px #969696;
    }

.rowStyle{
    background:#ffeabc;
    color:black;
    font-size:small;
    /*text-align:center;*/    
    }

.rowStyle:hover{
    background:#f68800;
    /*color:white;*/
    font-size:small;
    font-weight:bold;
    cursor:pointer;
    
    }
span,label {
    font-size:small;
    margin-bottom: 25px;
    }
div[id*=message] {
    color:red;
    font-weight:bold;
}
div[id*=ValidationSummary] {
    font-weight:bold;
}
td .hideableFrame {
    visibility:hidden;
}
RequiredFieldValidator {
    font-weight:bold;
}


        [id*=btnAdd], #btnList, [id*=btnReset], [id*=btnTransfer],[id*=btnApprove],[id*=btnReject],#chkSAll {
            float: left;
            display: inline-block;
            /*width:150px;*/
        }
        #btnList
         {
            width: auto;
            /*float:left;*/
        }