/* CSS Document */
* {                  
	/*background-color: #FFFFFF;   */
	font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
	font-size: 11px;
	text-align:justify;
	color: #2F4994;
    /*text-transform: capitalize;*/
}
  
h1 {
	font-size:150%;
	font-weight:bold;
}

h2 {
	font-size:120%;
	font-weight:bold;
}

.h2r {
	font-size:120%;
	font-weight:bold;
    text-align:right;
}

.h2l {
	font-size:120%;
	font-weight:bold;
    text-align:left;
}

h3 {
	font-size:150%;
	font-weight:bold;
    text-align:center;
}

table {

    padding:0px;
    border-spacing:0px;
    border:0px;
    border-style:solid;
    border-collapse: initial;

}

input {
    vertical-align:middle;    
}

select{
    height:17px;
} 

select.outselect{
    height:17px;
    width:15em;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    vertical-align:baseline;    
}

input.outtext {
    height:17px;
    width:15em;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    vertical-align:baseline;    
} 

select.multiple{
    height:110px;
    width:13em;
    font-weight:normal;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    vertical-align:baseline;    
}

table.spacing {
    padding:2px;
    border-spacing:2px;
}

table.forum{
    padding:0px;
    border-spacing:0px;
    border-color:#cad739;
    border:0px;
    border-style:solid;
    border-collapse:collapse;      
}

table.forum th {
    border-spacing:0;
    font-size:140%;
    border:0px;
    border-style:solid;
}

table.forum td {
    border-spacing:0;
    font-size:100%;
    font-weight:normal;
    border:1px;
    border-style:solid;

}

table.readonly {
    border-spacing:0;
    padding:0;
    font-size:100%;
    font-weight:normal;
    border:0px;
    border-style:solid;
    width:100%;
   
}

table.readonly td.right{
    border-spacing:0;
    font-size:100%;
    font-weight:bold;
    border:0px;
    border-style:solid;
    height:16px; 
}

td {
    vertical-align:top;
    border:0px;
    border-style:solid;
/*    border:1px solid blue; */
}


.th-header {
    
    color: #2F4994;
    background-color:#e2ea8e; 
    text-align: left;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    vertical-align:bottom;
    border-bottom: 4px solid #c8d638;
    padding-bottom: 2px;
    
}

.th-right {
    
    color: #2F4994;
    background-color:#e2ea8e; 
    text-align: left;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    vertical-align:bottom;
    border-bottom: 4px solid #c8d638;
    padding-bottom: 2px;
    border-top-right-radius: 5px;
    
}
.th-left {
    
    color: #2F4994;
    background-color:#e2ea8e; 
    text-align: left;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    vertical-align:bottom;
    border-bottom: 4px solid #c8d638;
    padding-bottom: 2px;
    border-top-left-radius: 5px;
    
}
/*******************************************************/
td.ptask {
    vertical-align:middle;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

td.ptaskyellow {
    vertical-align:middle;
    background-color:#FBFA9D;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptaskyellow {
    color:#2F4994;
    background-color:#FBFA9D;
}

td.ptasklila {
    vertical-align:middle;
    background-color:#f19cf6;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptasklila {
    color:#2F4994;
    background-color:#f19cf6;
}

td.ptaskorange {
    vertical-align:middle;
    background-color:#fca949;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptaskorange {
    color:#2F4994;
    background-color:#fca949;
}

td.ptaskgreen {
    vertical-align:middle;
    background-color:#cad739;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptaskgreen {
    color:#2F4994;
    background-color:#cad739;
}

td.ptaskred {
    vertical-align:middle;
    background-color:#fa5757;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptaskred {
    color:#2F4994;
    background-color:#fa5757;
}

td.ptasklightred {
    vertical-align:middle;
    background-color:#FF9999;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptasklightred {
    color:#2F4994;
    background-color:#FF9999;
}

td.ptaskblue {
    vertical-align:middle;
    background-color:#8ccefd;
    font-size:78%;
    border-bottom-width:1px;
    border-top-width:1px;
    border-color:#2F4994;
    border-style:solid;
}

a.ptaskblue {
    color:#2F4994;
    background-color:#8ccefd;
}

/*******************************************************/

/*******************************************************/
td.vptask {
    vertical-align:middle;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

td.vptaskyellow {
    vertical-align:middle;
    background-color:#FBFA9D;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

a.vptaskyellow {
    color:#2F4994;
    background-color:#FBFA9D;
    font-weight:normal;
}

td.vptaskorange {
    vertical-align:middle;
    background-color:#fca949;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

a.vptaskorange {
    color:#2F4994;
    background-color:#fca949;
    font-weight:normal;
}

td.vptaskgreen {
    vertical-align:middle;
    background-color:#cad739;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

a.vptaskgreen {
    color:#2F4994;
    background-color:#cad739;
    font-weight:normal;
}

td.vptaskred {
    vertical-align:middle;
    background-color:#fa5757;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

a.vptaskred {
    color:#2F4994;
    background-color:#fa5757;
    font-weight:normal;
}

td.vptaskpink {
    vertical-align:middle;
    background-color:#ffccff;
    font-weight:normal;
    border-bottom-width:1px;
    height:21px;
}

a.vptaskpink {
    color:#2F4994;
    background-color:#ffccff;
    font-weight:normal;
}

td.vptaskblue {
    vertical-align:middle;
    background-color:#8ccefd;
    font-weight:normal;
    border-bottom-width:1px;
}

a.vptaskblue {
    font-weight:normal;
    color:#2F4994;
    background-color:#8ccefd;
}

td.vptaskgrey {
    vertical-align:middle;
    background-color:#cccccc;
    font-weight:normal;
    border-bottom-width:1px;
}

a.vptaskgrey {
    font-weight:normal;
    color:#2F4994;
    background-color:#cccccc;
}

/*******************************************************/
td.right{
    text-align:right;
    vertical-align:top;
    height:21px;
}

td.left{
    text-align:left;
    vertical-align:top;
    height:21px;
}

td.center{
    text-align:center;
}

td.total{
    font-size:120%;
    text-align:right;
    height:20px;
    font-weight:bold;
    vertical-align:middle;
    border-width:2px; 
    border-style:solid;
    border-color:#cad739;
}

td.proftotal{
    text-align:right;
    font-size: 120%;
    vertical-align:top;
    height:21px;
    
}td.proftotalleft{
    text-align:left;
    font-size: 120%;
    vertical-align:top;
    height:21px;
}

form.right{
    text-align:right;
    vertical-align:top;
    height:21px;
}

input.middle {
    vertical-align:middle;
}

td.subtotal{
    font-size:120%;
    text-align:right;
    border-width:2px; 
    border-style:solid;
    border-color:#cad739;
    height:30px;
    vertical-align:middle;
}

td.subdiv{
    border-width:1px; 
    border-style:solid;
    border-color:#cad739;
}

td.with-padding {
    padding:10px 0px 10px 0px;
}

p.hfilter {
	font-size:120%;
	font-weight:bold;
}

.client {
	font-weight:bold;
}

.header {
 	background-image: url("../template/images/background.gif");
}

.header02 {
    color: #2F4994;
    background-color:#e2ea8e; 
    background-position: center;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    vertical-align:top;
    background-repeat: no-repeat;
    white-space: nowrap; 
} 

.header03 {
    color: #2F4994;
    background-color:#e2ea8e; 
    background-position: center;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    vertical-align:top;
    background-repeat: no-repeat;
    white-space: nowrap;
    font-size: 78%; 
} 

.med {
    font-size:100%;
}

.backheader02 {
    vertical-align:middle; 
    background-image: url("../template/images/cbback.gif");
    height:27px;
}

.backleft02 {
    vertical-align:middle; 
    background-image: url("../template/images/cbleft.gif");
}

.backright02 {
    width:7px; 
    background-image: url("../template/images/cbright.gif");
}

.green {
    height:1px;
    background-image: url("../template/images/green.gif");
}

.greenRight {
    border-right-style: solid;
    border-right-width: medium;
    border-color: #e2e98c;
}


.nav {
    font-size :180%;
    font-weight: normal;
    text-decoration: none;
}

.navsel {
    font-size :130%;
    font-weight: normal;
    color: #e2ea8e;
}
.content {
	font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	background-color:#FFFFFF;
}

.backmenu01 {
	background-color:#2F4994;
}

a.menu01:link, a.menu01:visited {
	float: left;
	width: 70px;
	height: 30px;
	color: #FFFFFF;
	background-position: center;
	text-align: center;
    font-size:120%;
	font-weight: bold;
	text-decoration: underline;
	background-image: url(../template/images/menu.png);
	font-family: Verdana, sans-serif;
	vertical-align: bottom;
	line-height: 30px;
	background-repeat: no-repeat;
}

.backmenu01Selected {
    background-color:#cad739;
}
.menu01Selected {
	float: left;
	width: 70px;
	height: 30px;
    background-color:#cad739;
	color: #FFFFFF;
	background-position: center;
	text-align: center;
	font-size:120%;
    font-weight: bold;
	text-decoration: none;
	background-image: url(../template/images/menusel.png);
	font-family: Verdana, sans-serif;
	vertical-align: bottom;
	line-height: 30px;
	background-repeat: no-repeat;
}

.backmenu02 {
    background-color:#cad739;
} 

a.menu02:link, a.menu02:visited {
	float: left;
	width: 110px;
	height: 20px;
	color: #2F4994;
    background-color:#cad739; 
	background-position: center;
	text-align: center;
	font-weight: normal;
	text-decoration:underline;
	font-family: Verdana, sans-serif;
	vertical-align: bottom;
	line-height: 20px;
	background-repeat: no-repeat;
    white-space: nowrap; 
}

.menu02Selected {
	float: left;
	width: 110px;
	height: 20px;
/*	color: #2F4994; */
    background-color:#cad739;
	background-position: center;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	vertical-align: bottom;
	line-height: 20px;
	background-repeat: no-repeat;
    white-space: nowrap;
}

.menu02sep {
	float: left;
	width: 3px;
	height: 20px;
	color: #2F4994;
    background-color:#cad739;
	background-position: center;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	vertical-align: bottom;
	line-height: 20px;
	background-repeat: no-repeat;
}


.logout {
    background-color:#2F4994;
    color:#FFF;
    font-weight:bold;
    font-family: Verdana, sans-serif;

}

a.logout:link, a.logout:visited {
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    font-family: Verdana, sans-serif;
    vertical-align: bottom;
    background-repeat: no-repeat;
}

.feet {
	font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	background-color:#2F4994;
}

.alpha {
    text-align: center;
}

.alphaitem {
    float: left;
    width:2.5%;
    font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
    font-size: 120%;
    font-weight:bold;
    color: #2F4994;
    text-align: center;
}

.viewall {
    
    float: left;
    padding:0px 20px 0px 20px;
    width:12%;
    font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
    font-size: 120%;
    font-weight:bold;
    color: #2F4994;
    text-align: center;
    
}

.viewallnf {
    
    padding:0px 20px 0px 20px;
    width:12%;
    font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
    font-size: 120%;
    font-weight:bold;
    color: #2F4994;
    text-align: center;
}

.alphasep {
    float: left;
    font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, "Verdana";
    font-size: 120%;
    font-weight:normal;
    color: #2F4994;
    text-align: center;
}

.bottomline {
    border-width:0px;
    border-bottom-width:1px;
    border-color:#2F4994;
    border-style:solid;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
    height:21px;
}

a.bottomline {
    border-bottom-width:0px;
}

.greenbottomline {
    border-width:0px;
    border-bottom-width:1px;
    border-color:#cad739;
    border-style:solid;
}

.orange {
    color:orange;
    vertical-align:top;
}

.red {
    color:red;
}

.note {
    color:black;
    font-size: 80%;
    font-weight: lighter;
}

.box {
    color:#2F4994;
    font-size:120%;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    width:130px;
    height:20px;
    vertical-align:middle;

}

.filefield {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
}

.textfield {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:11em;
    
}

.textissue {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:52em;
    
}

.textfieldsch {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:75%;
}

.textfieldmed {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:60%;
}

.textfieldlong {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:90%;
}

.textfieldmini {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:20%;
}

.readonly {
    color:#555;
    font-weight:normal;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    width:11em;
}

.readonlynum {
    color:#555;
    font-weight:normal;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    width:11em;
    text-align: right;
}

.readonlyshort {
    color:#555;
    font-weight:normal;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    width:40%;
}

.textlist {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:90%;
}

.numberfield {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:11em;
    text-align:right;
}

.numberfieldshort {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:40%;
    text-align:right;
}

.numberfieldshortro {
    color:#555;
    font-weight:normal;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    width:40%;
    text-align:right;
}

.numberfieldmini {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:20%;
    text-align:right;
}

.numberfieldminiro {
    color:#555;
    font-weight:normal;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    width:20%;
    text-align:right;
}

.textfieldshort {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:40%;
}

.textfieldmini {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:20%;
}

.listfield {
    width:120px;
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:80%;
}

.listfieldshort {
    width:120px;
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:40%;
    
}.listfieldmed {
    width:120px;
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:68%;
}

.listfieldmini {
    width:120px;
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:20%;
}

.leftalign {
    text-align:left;
    height:18px;
}

.centeralign {
    text-align:center;
    height:18px;
}

.btext {
    color:#2F4994;
    font-weight:normal;
    border-color:#2F4994;
    border-style:solid;
    border-width:1px;
    width:130px;
    height:18px;
    vertical-align:baseline;

}

.go {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:35px;
    height:21px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    
}

.reset {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:70px;
    height:21px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    cursor: pointer; 
    
}

.midreset {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:90px;
    height:21px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    cursor: pointer; 
    
}

.longreset {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:110px;
    height:21px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    cursor: pointer; 
    
}

.contact {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:100px;
    height:21px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    
}

.button {

    color:#FFFFFF;
    border-color:#2F4994; 
    font-size:100%;
    font-weight:bold;
    background-color:#2F4994;
    width:70px;
    height:15px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    
    
}

/*Projects ********************************************/

td.colorbox {

    color:#2F4994;
    font-size:80%;
    font-weight:normal;
    
}

td.colorboxbold {

    color:#2F4994;
    font-size:80%;
    
}

td.colorboxbackwhite {

    border-style:solid;
    border-width:1px;
    border-color:#2F4994;
    background-color:#FFF;
    font-size:80%;
    
}

td.colorboxbackblue {

    border-style:solid;
    border-width:1px;
    background-color:#3333ff;
    font-size:80%;
    
}

td.colorboxbackyellow {

    border-style:solid;
    border-width:1px;
    background-color:#FBFA9D;
    font-size:80%;
    
}

td.colorboxbackorange {

    border-style:solid;
    border-width:1px;
    background-color:#fca949;
    font-size:80%;
    
}

td.colorboxbackred {

    border-style:solid;
    border-width:1px;
    background-color:#ff3333;
    font-size:80%;
    
}

td.colorboxbackaqua {

    border-style:solid;
    border-width:1px;
    background-color:#ccffff;
    font-size:80%;
    
}

td.bottomlineblue {
    color:#fff; 
    border-width:0px;
    border-style:solid;
    border-bottom-width:1px;
    background-color:#3333ff;
    border-color:#2F4994;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}

a.bottomlineblue {
    color:#fff;
    background-color:#3333ff;
}

.bottomlineblue {
    color:#fff;
    background-color:#3333ff;
    border-bottom-width:0px;
}

td.bottomlineyellow {
    border-width:0px;
    border-style:solid;
    border-bottom-width:1px;
    background-color:#FBFA9D;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}

a.bottomlineyellow {
    color:#2F4994;
    background-color:#FBFA9D;
}

.bottomlineyellow {
    color:#2F4994;
    background-color:#FBFA9D;
    border-bottom-width:0px;
}

td.bottomlineorange {
    border-width:0px;
    border-style:solid;
    border-bottom-width:1px;
    background-color:#fca949;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}

a.bottomlineorange {
    color:#fff;
    background-color:#fca949;
}

.bottomlineorange {
    color:#fff;
    background-color:#fca949;
    border-bottom-width:0px;
}

td.bottomlinered {
    color:#fff;
    border-width:0px;
    border-style:solid;
    border-color:#2F4994;
    border-bottom-width:1px;
    background-color:#ff3333;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
    
}

.bottomlinered {
    color:#fff;
    background-color:#ff3333;
    border-bottom-width:0px;
}

td.bottomlinegray {
    color:#fff;
    border-width:0px;
    border-style:solid;
    border-color:#2F4994;
    border-bottom-width:1px;
    background-color:#999999;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
    
}

a.bottomlinegray {
    color:#fff;
    background-color:#999999;
}

.bottomlinegray {
    color:#fff;
    background-color:#999999;
    border-bottom-width:0px;
}

td.bottomlineaqua {
    color:blue;
    border-width:0px;
    border-style:solid;
    border-color:#2F4994;
    border-bottom-width:1px;
    background-color:aqua;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}

.bottomlineaqua {
    color:blue;
    background-color:aqua;
    border-bottom-width:0px;
}

td.bottomlinelightaqua {
    color:blue;
    border-width:0px;
    border-style:solid;
    border-color:#2F4994;
    border-bottom-width:1px;
    background-color:#ccffff;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}

.bottomlineaqua {
    color:blue;
    background-color:#ccffff;
    border-bottom-width:0px;
}

a.bottomlinered {
    color:#fff;
    background-color:#ff3333;
}

a.bottomlinelightaqua {
    color:blue;
    background-color:#ccffff;
}

a.bottomlineaqua {
    color:#fff;
    background-color:aqua;
}
/* Login **********************************************/

.lbox {
	color:#0000CC;
	font-size:150%;
	font-weight:bold;
	border-color:#0000CC;
	border-style:solid;

}

.gantt {
    background-color:yellow;
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
    height:20px;
    position:relative;
    padding:0px;
    margin:3px 0px 3px 0px;
    font-size:80%;
}

.rborder {
	border-width:0px 2px 0px 0px;
    border-color:#0000CC;
	border-style:solid;
}

.tborder {
	border-width:2px 0px 0px 0px;
    border-color:#0000CC;
	border-style:solid;
    text-align:center;
}

.file {
    font-weight:normal;
    vertical-align:middle;
}

.budget {
    font-weight:normal;
}

.noborder {
    border-width:0px;
}

.nob {
    font-weight:normal;
}

.invisible {
    border:none;
    text-align: right;
}

.popup
{
   position:absolute; left:0; top:0; width:120px;
   text-align: center;
   vertical-align: middle;
   border-style:solid;
   border-width:1px;
   border-color:#2F4994;
   background-color:#cad739;
   padding:3px;
   font-family: Tahoma, Geneva, Arial, Helvetica, Verdana;
   font-weight:normal;
   font-size:80%;
   z-index:2;
   visibility:hidden;
}

.more {
    position:absolute;
    display:block;
    background-color:aqua;
    z-index: 2;
    border-width:1px;
    border-color: blue;
    border-style: solid;
     
}

.remark {
    position:absolute;
    display:block;
    background-color:#FFFF99;
    z-index: 3;
    border-width:1px;
    border-color: #99FF00;
    border-style: solid; 
    padding:2px;
    width:auto;
    
}

.redspan {
    background-color:#ff3333;
    text-decoration:underline;
    font-weight: bold;
    position:relative;
    cursor: pointer;
}

.grayspan {
    background-color:#999999;
    text-decoration:underline;
    font-weight: bold;
    position:relative;
    cursor: pointer;
}

.whitespan {
    background-color:#fff;
    text-decoration:underline;
    font-weight: bold;
    position:relative;
    cursor: pointer;
}

#up {
    margin-left:20px;
    color: #2F4994;
    cursor: pointer;    
}

#up-header {
    vertical-align: top;
    color: #2F4994;
    background-color: #e2ea8e;
    
}

#up:hover{
    margin-left:20px;
    color: #ff3333;
    cursor: pointer;
    text-shadow: 1px 1px 1px gray;    
}

#down {
    color: #2F4994;  
    cursor: pointer;   
}  

#down:hover{
    color: #ff3333;
    cursor: pointer;
    text-shadow: 1px 1px 1px gray; 
}

#down-header {
    background-color: #e2ea8e;
    color: #2F4994;  
}

#like {
    font-weight: normal;
    margin:10px;
    color:green; 
    background-color: inherit; 
    
}

#dislike {
    font-weight: normal;
    margin:10px;  
    color:red;  
    background-color: inherit;
    
}

#wdislike {
    font-weight: normal;
    margin:10px;  
    color:white;  
    background-color: inherit;
    
}

/**********************/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  border-radius: 6px 6px 6px 6px; 
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 30% !important;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 6px 6px 6px 6px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  background-color: #2F4994;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #2F4994;
  color: white;
  border-radius: 6px 6px 0px 0px;  
}

.modal-header h2 {
  padding: 2px 16px ;
  background-color: #2F4994;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  text-align: right;  
  padding: 2px 16px 10px;
  background-color: white;
  color: white;
  border-radius: 6px 6px 6px 6px;
}

table tr.vendor-list {
    height:24px;
}

table img.vendor-list-image {
    vertical-align:middle; 
    background-color:transparent;      
}

/* Modal Vendors */ 

.modal-header-vendors {
  padding: 1px;
  background-color: #2F4994;
  color: white;
  border-radius: 6px 6px 0px 0px;  
} 

.modal-header-vendors h2 {
  padding: 0px 0px 0px 0px;
  background-color: #2F4994;
  color: white;
}


.close-vendors {
  color: white;
  float: right;
  font-size: 20px;
  font-weight: bold;
  background-color: #2F4994;
}

.close-vendors:hover,
.close-vendors:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-footer-vendors {
  text-align: right;  
  padding: 2px 16px 10px;
  background-color: white;
  color: white;
  //border-radius: 6px 6px 6px 6px;
}

#WebCalendar {
  max-width: 70%;
  margin: auto;
  
}

#container-calendar {
    line-height: 1.3;
    display: block;
    font-family: "Lato", sans-serif;
    color: #444;  
    
}

.fc-title {
    font-size:12px !important;
}

.tooltip {
    font-size:12px !important;
    background-color:yellow !important;
}

#eventoTitle {
    font-size:20px;    
}

#WebCalendar h2 {
    font-size:20px;  
}

#WebCalendar th {
    height:27px;
    background-color: #EEEEEE;
}

#WebCalendar span {
    font-size:18px;
}

#WebCalendar span.fc-day-number {
    font-size:25px;
}

#WebCalendar span.fc-title {
    line-height:2 !important;
    font-size:13px !important;
}