body     {color:#333333;font-size:12px;font-family:Verdana, TrebuchetMS, Arial;margin:0;padding:0}
p        {margin-bottom:25px}
h1       {color:#27518A}
h2       {font-weight:bold;  color:#27518a}
h3       {margin:10px 0 5px 20px}
h4       {font-weight:bold;  color:#27518a;}
h2       {font-weight:bold;  color:#27518a}
br       {clear:left;margin:0 0 3px 0}
form     {padding:0; margin:0}
strong   {font-weight:bold; color:#4682b4;}
big      {font-weight:bold; color:#bbd8ff;font-size:12px;}
a        {font-weight:bold; color:#4682b4;text-decoration:none}
a:hover  {font-weight:bold; color:#000}
ul       {margin: 15px 0 5px 0}
li       {margin:0 0 5px 0; padding:0}
img      {border:none}
i        {color:#666}

.info        { border:none; background:transparent;width:500px;font-size:11px;margin-bottom:10px;color:#003399 }
.message     {border:none; background:transparent;width:100%; }
.errorText   {color: #ff0000;;width:100%;}
.error       {color: #ff0000; border:none; background:transparent;width:520px;font-weight:bold;font-size:10px }
.error span  {color: #000000; border:none; background:transparent;width:520px;font-weight:bold;font-style:italic }
.submit      {display:none;}
.infoId      { color:#ffffff; font-size:10px;margin-left:10px;cursor:default} 
.helpButton  {float:left;color:#4682b4;text-decoration:underline}
.statusBig   {width:30px;height:30px;float:left;margin:0 15px 0 0}


/* main layout */

.leftColumn       { 
                   background: #ccff99; text-align:center;
                  }
                  
.rightColumn      { 
                   background-color:#ccff99;text-align:center;
                  }
                                    
.centerColumn     { 
                   background-color:#bbd8ff;
                  }                                     
.printContainer   {
                  background-color:#eee;
                  padding:10px;
                  color:#666;
                  }
                  
               


/* menu */
ul { list-style: none; margin:0;border:solid 1px #fff}
li {margin-left:20px}

/* menu */
.leftMenu, .rightMenu {text-align:center} 

.leftMenu a       { display: block; padding: 5px; font-weight: bold; border-bottom: 1px solid #7eacc7;  color: #fff; background-color:#000099}
.leftMenu a:hover { display: block; padding: 5px; font-weight: bold; border-bottom: 1px solid #7eacc7;  color: #fff; background-color:#ff0000}

.menuTask         { background-color:transparent;
                    margin:0 0 8px 0;
                     }
               
.menuTask img {height:30px} 

.menuTaskDelimiter {height:27px} 

/* forms */
.formFields  {text-align:center;margin:0 ;width:100%;background:#ccc}
.formButtons {text-align:center;margin:0 ;width:100%;background:#ccc}



/* user info */
.userInfoName {border:none; font-size:11px; background-color:transparent;font-weight:bold;width:190px;text-align:center}
.userInfo     {border:none; font-size:11px; background-color:transparent;width:190px;text-align:center}




/* Standard List Table */

.listTableTopLegend      {
                          float:left;
                          font-size: 16px;
                          color:#27518a;
                          font-weight:bold;
                          text-align:left;
                          width:250px;
                          }
                          
.listTableTopButtons     {
                          float:left;
                          text-align:right;
                          font-size: 12px;
                          color:#27518a;
                          font-weight:bold;
                          }
                                               
.listTableActiveHeader   {
                          float:left;
                          height:15px;
                          padding:5px 2px 2px 4px;
                          color:#000000;
                          background-color:#ccff99;
                          overflow:hidden;
                          cursor:pointer;
                          -webkit-border-top-left-radius: 10px;
                          -webkit-border-top-right-radius: 10px;
                          -moz-border-radius-topleft: 10px;
                          -moz-border-radius-topright: 10px;
                          -khtml-border-radius-topleft: 10px;
                          -khtml-border-radius-topright: 10px;
                          border-top-left-radius: 10px;
                          border-top-right-radius: 10px;
                          }
                          
.listTablePasiveHeader   {
                          float:left;
                          height:14px;
                          padding:5px 2px 2px 4px;
                          color:#000000;
                          background-color:#eeeeee;
                          overflow:hidden;
                          cursor:pointer;
                          -webkit-border-top-left-radius: 10px;
                          -webkit-border-top-right-radius: 10px;
                          -moz-border-radius-topleft: 10px;
                          -moz-border-radius-topright: 10px;
                          -khtml-border-radius-topleft: 10px;
                          -khtml-border-radius-topright: 10px;
                          border-top-left-radius: 10px;
                          border-top-right-radius: 10px;
                          }
.listTableMessage         {
                          font-weight:bold;
                          font-size: 10px;
                          color:#27518a;
                          }                          
                          
                          
.listTableHeader          {width:100%;clear:both;cursor:default;overflow:hidden}
.listTableRowsContainer   {cursor:pointer}
.listTableRow             {background-color:#ffffff;width:100%;clear:both;overflow:hidden;margin:0 0 1px 0}
.listTableRowOver         {background-color:#cccccc;width:100%;clear:both;overflow:hidden;margin:0 0 1px 0}
.listTableRowSelected     {background-color:#dddddd;width:100%;clear:both;overflow:hidden;margin:0 0 1px 0}
.listTableRowOverSelected {background-color:#eeeeee;width:100%;clear:both;overflow:hidden;margin:0 0 1px 0}
.listTableRowItem         {overflow:hidden;margin:1px 0 1px 0;float:left;padding:1px 2px 1px 4px;height:15px}


.listTableBottom          {
                          color:#333333;
                          }   


/* Standard Edit Form */

.editForm                 {
                          text-align:left;
                          margin:0;
                          padding:30px;
                          }

                          
.editFormTopLegend        {
                          font-size: 16px;
                          color:#27518A;
                          font-weight:bold;
                          text-align:left;
                          }
                          
.editFormTopButtons       {
                          text-align:right;
                           font-weight:bold;
                          
                          }
                          
.editForm fieldset        {
                          border:none;
                          margin:0;
                          padding:0;
                          }

      
.editForm  label  {
                          float:left;
                          display:inline;
                          width:150px;
                          line-height:20px;
                          margin: 2px 5px 0 0;
                          text-align:center;
                          font-weight:bold;
                          clear:left;
                          background-color:#eee; 
                          }
          
.editFormTextarea,.editFormTextInput,.editFormTextInputRO,.editFormNumnerInput,.editFormNumnerInputRO,.editFormSelect,.editFormDateInput,.editFormTextareaAdd
                          {
                          margin: 3px 5px 3px 0;
                          border-style:solid;
                          border-color: #778aa2 #7ea4d8 #7ea4d8 #778aa2;
                          border-width:2px 1px 1px 2px;
                          }
       
.editFormTextInput        {
                          height: 16px;
                          width:350px;
                          }
                         
.editFormTextInputRO      {
                          height: 16px;
                          width:350px;
                          background-color:#eee;
                          cursor: default
                          }
                          
.editFormNumberInput      {
                          height: 16px;
                          text-align:right;
                          width:100px;
                          }
                          
.editFormNumberInputRO    {
                          height:16px;
                          background-color:#eee;
                          text-align:right;
                          width:100px;
                          cursor: default;
                          }
                          
.editFormCheckBox         {
                          height:10px;
                          background-color:transparent;
                          }                 
                          
.editFormDateInput        {
                          height: 16px;
                          width:70px;
                          background-color:#eee;
                          text-align:center;
                          cursor:pointer;
                          }
.editFormDateInputRO        {
                          height: 16px;
                          width:70px;
                          background-color:#eee;
                          text-align:center;
                          cursor:pointer;
                          }
                          
                               
.editFormSelect           {
                          overflow:hidden;
                          width:350px;
                          }
                          
.editFormSelectSmall      {
                          overflow:hidden;
                          width:100px;
                          }                          
                          
.editFormSelectMultiple   {
                          overflow:hidden;
                          width:350px;
                          height:300px;
                          }                          
                          
.editFormSelectLabel      {
                          background-color:#ccff99;
                      
                          }
                            
.editFormTextarea         {
                          width:350px;
                          } 
                          
.editFormTextareaAdd      {
                          width:350px;
                          height:250px;
                          }
                          
.editFormTextContainer    {
                          padding:10px 0 20px 0;
                          margin:10px 0 35px 0;
                          width:550px;
                          min-height:35px;
                          }  

                          
.editFormTextLabel,.editFormTextLabelActive
                          {
                          float:left;
                          width:150px;
                          line-height:20px;
                          margin: 2px 5px 0 0;
                          text-align:center;
                          font-weight:bold;
                          
                          } 
.editFormTextLabelActive  {
                          cursor:pointer;
                          }                            
                           
                          
.editFormText             {
                          float:left;
                          width:350px;
                          overflow:hidden;
                          margin:2px 5px;
                          background-color:#eee;
                          padding:5px 3px 5px 3px;
                          }                                                                     
                              
.editFormButtons          {
                          text-align:center;
                          margin:15px 0;
                          }                                                                   
                                                  

.editFormImage           {
                         border:solid 1px #eee;
                         padding:2px;
                         float:left;
                         }
                         
.editFormStatus          {
                         width:70px;
                         padding:6px;
                         background-color:#eee;
                         border:solid 1px #eee;
                         float:left;
                         text-align:center;
                         margin:3px;
                         color:#27518a;
                         line-height:18px;
                         moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -khtml-border-radius: 10px;
                         border-radius: 10px;
                         cursor:default;
                         } 
                           
.editFormStatusActive    {
                         width:70px;
                         padding:6px;
                         background-color:#ccff99;
                         border:solid 1px #fff;
                         float:left;
                         text-align:center;
                         margin:3px;
                         color:#27518a;
                         line-height:18px;
                         moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -khtml-border-radius: 10px;
                         border-radius: 10px;
                         cursor:default;
                         } 
                          
.editFormStatusOver      {
                         width:70px;
                         padding:6px;
                         background-color:#666;
                         border:solid 1px #ccff99;
                         float:left;
                         text-align:center;
                         margin:3px;
                         color:#fff;
                         line-height:18px;
                         moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -khtml-border-radius: 10px;
                         border-radius: 10px;
                         cursor:pointer;
                         }    
                         
.editFormStatusPasive    {
                         width:70px;
                         padding:6px;
                         background-color:transparent;
                         border:solid 1px #fff;
                         float:left;
                         text-align:center;
                         margin:3px;
                         color:#fff;
                         line-height:18px;
                         moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -khtml-border-radius: 10px;
                         border-radius: 10px;
                         cursor:default;
                         } 

.editFormUploader        { cursor:pointer;}
                                                                                                                        
.statFormDateInput       {
                          margin: 3px 5px 3px 0;
                          border-style:solid;
                          border-color: #778aa2 #7ea4d8 #7ea4d8 #778aa2;
                          border-width:2px 1px 1px 2px;
                          height: 16px;
                          width:70px;
                          background-color:#eee;
                          text-align:center;
                          cursor:pointer;
                          }

/*  login form */





.mainLogin                { 
                          background-color:#ccff99;
                          padding:20px;
                          margin-top:20px;
                          width:460px;
                          -moz-border-radius: 10px;
                          -webkit-border-radius: 10px;
                          -khtml-border-radius: 10px;
                          border-radius: 10px;
                          }   
                          
                                     



.loginForm                {
                          width:500px;
                          text-align:center;
                          }


.loginFormTextInput       {
                          margin:10px 20px;
                          height: 18px;
                          width:200px;
                          }
                          
.loginForm fieldset        {
                          padding:10px;
                          border:none;
                          width:480px;
                          }

.loginForm fieldset label {
                          float:left;
                          display:inline;
                          width:150px;
                          line-height:18px;
                          margin: 13px 10px;
                          text-align:center;
                          font-weight:bold;
                          background: #eee url(./spics/arrow.jpg) no-repeat right 
                          }
 

.showFiles                { 
                          background-color:#eee;
                          -moz-border-radius: 10px;
                          -webkit-border-radius: 10px;
                          -khtml-border-radius: 10px;
                          border-radius: 10px;
                          }              











.legendItem     {padding:10px 0 10px  0} 
.legendItem img {width:30px;vertical-align:middle}
.legendItemText {float:left;width:90px;margin:0 0 0 10px}

.taskStatus {float:left;}

.buttonS {border: solid 1px #eeeeee;font-weight: bold; background-color:#666666; color: #fff;padding:5px;width:120px;cursor:pointer;margin:0 0 0 5px}
.buttonS[disabled]{background-color:transparent;cursor:default;}
 
.buttonN {border: solid 1px #eeeeee;font-weight: bold; background-color:#ccff99; color: #333;padding:5px;width:120px;cursor:pointer;;margin:0 0 0 5px}
.buttonN[disabled]{background-color:transparent;cursor:default;color: #fff}

.buttonD {border: solid 1px #eeeeee;font-weight: bold; background-color:#ff9999; color: #333;padding:5px;width:120px;margin-left:10px;cursor:pointer;;margin:0 0 0 5px}
.buttonD[disabled]{background-color:transparent;cursor:default;color: #fff}
 
.buttonB {border: solid 1px #eeeeee;font-weight: bold; background-color:#eeeeee; color: #333;padding:5px;width:120px;cursor:pointer;margin:0 0 0 0}
.buttonF {border: solid 1px #eeeeee;font-weight: bold; background-color:#cccccc; color: #333;padding:5px;width:120px;cursor:pointer;margin:0 0 0 5px}

.buttonT {border: solid 1px #eeeeee;font-weight: bold; background-color:#3399cc; color: #333;padding:5px;width:120px;cursor:pointer;margin:0 0 0 5px}
.buttonT[disabled]{background-color:transparent;cursor:default;color: #fff}



/* page bControlers */
.listTableControlers    {
                         background:#ccff99;
                        }
                        
.ActivePaginator     {font-size : 11px;color : #000000;background-color:#dff3fa ; padding : 1px 7px 2px 7px;border : none;text-align : center;font-weight:normal;cursor : pointer; text-decoration:underline} 
.ActivePaginatorAquo {font-size : 16px;color : #000000;background-color:#dff3fa ; padding : 0 7px 3px 7px;border : none;text-align : center;font-weight   : bold;cursor : pointer;} 
.PasivePaginator     {font-size : 11px;color : #aaaaaa;background-color: transparent  ; padding : 1px 7px 2px 7px;border : none;text-align : center;font-weight : normal;cursor : default;} 
.PasivePaginatorAquo {font-size : 16px;color : #aaaaaa;background-color: transparent ; padding : 0 7px 3px 7px;border : none;text-align : center;font-weight: bold;cursor : default;}
.CurrentPaginator    {font-size : 11px;color : #999999;background-color:#eeeeee; padding : 1px 7px 2px 7px;border : none;text-align : center;font-weight: normal;cursor : default; text-decoration:none}


/* Date picker */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}