body {
font-family:Calibri, Arial;
font-size:13px;
width:90%;
height:800px;
border:0px solid #000000;
background-color:#708090;
margin-left:5%;
}

#wrapper {
width:98%; 
height:800px;
margin:4px;
background-color:#708090;
border:0px solid #DEB887;
text-align:left;
vertical-align:top;

}
#header {
text-align:left;
width:98%;
height:6%;
padding:2px;
background-color: #708090;
}

#footer {
width:100%;
height:50px;
line-height:20px;
text-align:center;
background-color:#708090;
color:#000000;
border: 0px solid #000000;
margin-top:2px;
}

#menuh {
width:100%;
height:20px;
background-color:#708090;
color: #000000;
}

#content {
width:100%;
height:600px;	
border:6px solid #EFEFEF;
background-color:#EFEFEF;	
color:#000000;	
}


/*3 column layout */

#column3_mid {
float:left;
width:68%;
height:99%;
background-color:#FFFFFF;
border:0px solid #EFEFEF;
color:#000000;
margin:1px;
margin-right:4px;	
padding:2px;
}

#column3_one {
float:left;
width:19%;
height:99%;
overflow:hidden;
border:0px solid #FFFFFF;
background-color:#FFFFFF;
color:#000000;
margin:1px;
margin-right:4px;
padding:2px;
}

#column3_two {
float:left;
width:11%;
height:99%;
overflow:hidden;
border:0px solid #FFFFFF;
background-color:#FFFFFF;	
color:#000000;
margin:1px;

padding:2px;

}


#content3 {
float:right;
width:71.5%;
overflow:hidden;
background-color:#FFFFFF;	
}

/*
.inner {
padding-bottom:10px;
}
*/
td {
	
	
	line-height:20px;
	
}
.lizt {

border: 1px DOTTED #FFFFFF;
background-color:#FFFFFF;
color: #000000;
font-size:12px;
}

.textbox {
border: 1px solid #666666;
/*border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
background-color:#FFFFFF;
color: #000000;
font-size:14px;
}

.textarea {
	word-wrap: break-word;
    word-break: break-all;
  	
}

.select-list {
	color:#000000;
	font-size:14px;
}

.btn-edit {
border: 1px solid #02922A;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:12px;
padding:4px 8px;
}

.btn-del {
border: 1px solid #EC0307;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:12px;
padding:4px 8px;
}

.btn-new {
border: 1px solid #0A71DC;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:14px;
padding:2px 4px;
}
.btn-extra {

border: 1px solid #02922A;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:12px;
padding:4px 8px;
}
.pagination {
	margin-top:10px;
}

.btn-nav {
border: 1px solid #3A0BC0;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:12px;
padding:4px 8px;	
	
	
	
}


.btn-save {
border: 1px solid #C13D06;
border-radius:4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
background-color:#FFFFFF;
color: #000000;
text-decoration:none;
font-size:12px;
padding:4px 8px;	
	
	
	
}

.btn:hover {
color:#0066FF;
}







.tableOuter {
border: 6px solid #0066FF;
padding: 0px;
}

.tableInner {
border: 1px solid #0066FF;
padding: 2px;
}

th {
font-size:10px;
color: #000000;
}
h4.timeitem {
color: #0066FF;
font-weight:800;
}
table.proj {
	border:1px solid #0066FF;
}
th.proj {
	color:#0066FF;
	font-weight:200;
}
td {
color: #FF9999;
valign:top;
font-size:9px;
}

td.proj {
	border: 1px dotted #666666;
}
td.projline {
	height:5px;
	vertical-align:top;
	color:#0066FF;
}

/*

table.task {
	border:1px solid #CC3366;
}
th.task {
	color:#CC3366;
	font-weight:200;
}
td.task {
	border: 1px dotted #666666;
}
td.taskline {
	height:5px;
}
table.timeitem {
	border: 1px solid #99CC00;
}
th.timeitem {
	color: #99CC00;
	font-weight:200;
}
td.timeitem {
	border: 1px dotted #666666;
}

.divider {
height:1px;
}
.list {
background:#FFFFFF;
font-size:11px;
}


.sellist {
border: 1px solid #666666;
background-color:#FFFFFF;
color: #000000;
font-size: 9px;
}

.textarea {
border: 1px solid #666666;
background-color:#FFFFFF;
color: #000000;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:10px;
}



.hd1 {

}

.hd2 {
color: #0066FF;
font-size:0.8em;
}


h5 {
font-size: 1.1em;
text-align: center;
}

#login {
border: 3px solid #0066FF;
padding: 5px;
width: 140px;
height: 140px;
margin:5px;
}
#loginheader {
background:#000000;
color: #FFFFFF;
font-size:11px;
text-align: center;
padding:0px;
}
#logininfo {
margin-top:3px;
font-size:10px;
color: #000000;
margin-bottom:2px;
}
#loginlabel {
float:left;
font-size:11px;
color: #000000;
}
#loginsubmit {
text-align:center;
background: #000000;	
color:#FFFFFF;
font-size:10px;
border: 2px solid #FFFFFF;
padding:2px;
}
#loginsubmit:hover {
color:#0066FF;
}
.logintextbox {
float:right;
	color:#0066FF;
	font-size: 11px;
	border: 1px solid #000000;
	padding:0px;
}
a {
/*color: #666666;
text-decoration:none;*/
/*
}
a:hover {
color: #0066ff;
text-decoration:none;
}
a.lostpassword {
color: #666666;
}
.lostpassword {
color: #666666;;
background: #FFFFFF;
}
.sm {
font-size:0.9em;
color:#FFFFFF;
}
/*
p {
	color: #FFFFFF;
	line-height: 15px;
}
*/