﻿
/*Colors
Main Headers :#FDD340
Main Panels: #F0ECCF
Heading Color: #663300;

grid/Table Headers: #D2B48C
Rows: #EEE8AA
Alt Rows: #FAFAD2

Border Color: #DDDDDB;
*/



.loginPanel {
float: left;
width: 215px;
min-height: 130px;	
margin-left:5px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;    		    
}
.loginHeading 
{
margin:0px;
padding:0px;           	
font-size: 13px; 
font-weight: bold;            	
font-family: 'Times New Roman', Times, serif;             	
}
.loginPara{
margin: 0px; padding: 0px;
}
.loginPanel td
{
vertical-align:text-top;
}   


table{
margin-left:auto;
margin-right:auto;
}

.tableHeader{
background-color:#D2B48C;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight:bold;
text-align:center;
}

.tableRows{
background-color:#EEE8AA;
}
.tableAltRows{
background-color:#FAFAD2;
}
.textCell {
width: 170px;
text-align:left;

}
.labelCell {
width: 120px;	
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-align:right;
vertical-align:top;
}
.validationCell {
width: 0px;
}

.mediumHeading{
color:#663300;
font-family: Arial, Helvetica, sans-serif;  
text-transform: capitalize;
font-size: 15px; 
padding-left: 5px; margin:0px;		
background-color:#D2B48C;
width:100%;
}

.smallHeading{
color:#663300;
font-family: Time New Times New Roman, Helvetica, sans-serif;  
text-transform: capitalize;
font-size: 13px; 
padding-left: 5px; margin:0px;		
}

.smallContentPanel{	
margin-top:10px;
padding:0 0 0 10px;
color:Black;
font-family: Arial, Helvetica, sans-serif;  	
font-size: 11px; 
margin:0px;		
}

/*/////////////////////////////////////////Core CSS Starts/////////////////////////////////////////////////////*/ 

html,body,form {
text-align: center;	    
margin: 0;
padding:0;
height:100%;
}    	

.container {
text-align: left;	    
width: 934px;
margin:3px auto 0 auto;
padding: 0 10px 0 10px;
border: 1px solid #545454;	    
}   

#headerImage {
float:left; 	    	    
width:670px;	    
height: 220px;	    
background:url(../images/subPageHeader.jpg) no-repeat 0px 0px;
margin: 0;
padding: 0; 
}

#textBorder {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #DDDDDB;
border-top: 1px solid #DDDDDB;
border-bottom: 1px solid #DDDDDB;
float: left;
width: 245px;
height: 188px;	                
margin: 26px 0 0 0;
padding: 0 0px 0 0;           
}
#headerText {
width: 238px;
height: 172px;	                
margin: 6px 0 0 -1px;
padding: 0;
background:url('../images/headerBG.png') repeat-x 0px 0px;
}
#headerText p{
padding: .5em;	           
font-family: 'Times New Roman', Times, serif; 
text-align: left; 
font-size: 24px;            	
}

#ContentPanel {
float: left;           
width: 857px;            
margin: 0 0 0 60px;
padding:0; 
min-height:400px;           

} 

#menu
{
float:left;
width:200px;
margin-left:4px;
min-width:200px;

}
#menuHeader
{
min-height:30px;				    
background:url(../images/bg_top.jpg) repeat-x;				    				    				   
}
#content
{
margin-left:210px;
margin-right:4px;					   
height:100%;			    				   
}

#navigationMenu { 	     	     	
width:200px;
min-height: 400px;	 
}

#navigationMenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#navigationMenu ul li {
margin: 0px;
padding: 0px;
}
#navigationMenu ul li a 
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 8px 0px 8px 8px;
text-decoration: none;
color: #666666;
width:188px;
}

#navigationMenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

.allButtons{
width:80px;
height:25px;
border: solid 1px #545454;
text-align:center;
background-color:#F5F3E0;
cursor:hand;cursor:pointer;
margin:5px;
}

.allTextBoxes {
width:130px;    	
height:18px;
vertical-align: middle; 
margin-left:0px; 
background:url('../images/TextBox.png');
border:solid 1px black;
font-size:12px;
text-align: left;     	
line-height: normal; 
}
.allTextAreas{
width:200px;    	    	
vertical-align: middle; 
margin-left:0px;     	
border:solid 1px black;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;  
text-align: left;     	
line-height: normal; 
}

/*/////////Login Control//////////////////////*/      
.infoPanel {
float: left;
width: 240px;
min-height: 110px;	
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
border:solid 1px #DDDDDB 
}



.moreLinks {
margin-left:132px;

color: #000;
text-decoration: none;
text-align:right; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold;	        
}

.statusBarText{
color: #000;
font: 10px Arial, Times New Roman, Times, serif;
}
.footer {
clear: both;
height: 25px;	
border-top-style: solid;
border-top-color: #545454;
border-top-width:1px;	    	    
padding: 5px 0 0 5px;
}

.footer ul {
margin: 0 0 0 -40px !important;
margin: 0;
list-style: none;
text-align: center;
background: transparent;		
}

.footer ul li {
display: inline;
padding: 0 0 0 8px;	
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:Gray; 	
}	

#footer ul li a {
color: #000;
font: 10px Arial, Times New Roman, Times, serif;
text-decoration: none;
padding: 0px ;
}

#footer ul li a:hover {
text-decoration: none;
color: #CC9900;
}

.textBoxes {
width:130px;    	
height:18px;    	
margin-left:0px; 
background:url('../images/TextBox.png');
border:solid 1px black;
font-size:12px;
text-align: left;     	
line-height: normal; 
}

img{
border-width:0px;
}


.myProjectList{
border: solid 1px #545454;
background-color: #F5F3E0; 
padding:5px;
}
.myProjectList h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
text-decoration: underline; 
font-weight: bold; 
text-transform: capitalize; 
color: #5B3218;
display: block;
margin:0px;
padding-left: 5px;
}
.myprojectListDescription{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
display:block;
}
.myprojectListLabels{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; text-align: justify; padding-left: 5px; padding-top:2px;
}

.myprojectListValues{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
}



.myProjectList{
border: solid 1px #545454;
background-color: #F5F3E0; 
padding:5px;
margin:0 15px 0 5px;
}

.myProjectsHeading{
font-family: 'Arial Black'; text-transform: capitalize;
padding: 5px; font-size: 18px; margin:0px;
}

.myProjectList h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
text-decoration: underline; 
font-weight: bold; 
text-transform: capitalize; 
color: #5B3218;
display: block;
margin:0px;
padding-left: 5px;
}
.myprojectListDescription{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
display:block;
}
.myprojectListLabels{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; text-align: justify; padding-left: 5px; padding-top:2px;
}

.myprojectListValues{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
}
.myProjectListSeperator{
margin:5px 15px 5px 5px;
color: #5B3218
}
#descriptionPanel {
float:left; 	    	    
width:610px;	    
min-height: 300px;	    
background:url(../images/staticBG400.png) repeat-x;
background-position:bottom;
margin:0px ;
padding: 0;  
}  
#descriptionPanel p{
padding:0 10px 10px 10px;
margin:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
line-height: 1.5em;
text-align:justify;
} 
#descriptionPanel h2{
padding: 5px 0 0 10px ;
margin:0px;  
height:30px;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;      
}        

.mainLinks {    
display:block;
color:Gray;
padding:0 0 5px 5px;
margin-top:10px;
text-decoration: none;
text-align:left; 
font: 10px Arial, Times New Roman, Times, serif;	            
border-width:0px;
}

#login a:hover {
text-decoration: none;
color: #CC9900;
}

/*/////////////////////////////////////////Site Static Master Css Start/////////////////////////////////////////////////////*/  
.siteStaticContentPanel {
float:left; 	    	    
width:610px;	    
min-height: 300px;	    
background:url(../images/staticBG400.png) repeat-x ;
background-position:bottom;
margin-top:10px;
padding: 0;         
}  
.siteStaticContentPanel p{
padding:0 10px 10px 10px;
margin:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
line-height: 1.5em;
text-align:justify;
} 
.siteStaticContentPanel h2{
padding: 5px 0 0 10px ;
margin:0px;  
height:30px;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;      
}     

.siteStaticLinks {             
color:Gray;           
padding:0 0 0 5px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
text-decoration: none;
text-align:justify; 
font: 10px Arial, Times New Roman, Times, serif;	            
border-width:0px;            
}   
/*/////////////////////////////////////////Site Static Master Css Ends/////////////////////////////////////////////////////*/

.adminHeadingBorder{
border: solid 1px #DDDDDB;  
padding:4px;
}
.adminHeadingTable{
background-color:#FDD340;

width:100%;
}
.adminDetailsPanel{
border: solid 1px #DDDDDB;
min-height:300px;
margin-top:5px;
}



.fieldPanel input{			
width:150px;    	
height:18px;
vertical-align: middle;     	
background:url('../images/TextBox.png');
border:solid 1px black;
font-size:12px;
text-align: left;     	
line-height: normal; 
}	

.myProjectList{
border: solid 1px #545454;
background-color: #F5F3E0; 
padding:5px;
margin:0 15px 0 5px;
}

.myProjectsHeading{
font-family: 'Arial Black'; text-transform: capitalize;
padding: 5px; font-size: 18px; margin:0px;
}

.myProjectList h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
text-decoration: underline; 
font-weight: bold; 
text-transform: capitalize; 
color: #5B3218;
display: block;
margin:0px;
padding-left: 5px;
}
.myprojectListDescription{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
display:block;
}
.myprojectListLabels{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; text-align: justify; padding-left: 5px; padding-top:2px;
}

.myprojectListValues{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; padding-left: 5px; padding-top:2px;
}
.myProjectListSeperator{
margin:5px 15px 5px 5px;
color: #5B3218
}

.statusBar{
clear:left;
color: #000;
font: 12px Arial, Times New Roman, Times, serif;
margin:0px 0px 0px 60px;
border: solid 1px #DDDDDB;
padding:5px 5px 0 0;	
vertical-align:bottom;		
}
.statusMessage{
font: 12px Arial, Times New Roman, Times, serif;
color:Black;			
}

.projectDetailsInnerPanel{
background-color:#F0ECCF;
padding:5px;
font-family:Arial, Georgia, Times New Roman;
font-size:12px;		
vertical-align:middle;	
}


.messageContainer{
padding:5px;
margin:5px;
text-align:left;
}

.messageTitle{
display:block;
text-align:left;
font-family: Arial, Times New Roman;
font-size:18px;
font-weight:bold;
}
.messageText{
display:block;
text-align:justify;
font-family: Arial, Times New Roman, Times, serif;
font-size:14px;	
color:Black;
margin:5px 0 5px 0;
}
.messageInfo{
text-align:left;
font-family: Arial, Times New Roman, Times, serif;
font-size:12px;	
font-weight:bold;
color:Gray;
margin-top:5px;
}
.messageCommentCount{	
text-align:left;
font-family: Arial, Times New Roman, serif;
font-size:12px;	
}


.allLinks{		
font-family: Arial, Times New Roman, serif;
font-size:12px;	
}



.contentHeader
{			    
height:30px;				    
background:url(../images/bg_top.jpg) repeat-x;				   
	    				   
}


.heading
{   		   
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
margin-left:10px;				    
line-height:2em;
display:inline;
	    
}
.headingLink
{   	
float:right;	   
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 				    				    
line-height:2.2em;
margin-right:8px;		
}

.pagerFonts				
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 				    				    
line-height:2.2em;
margin-right:10px;	
}

.grid
{
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
width:100%;
}

.repeaters Table
{
border-collapse:separate;	
min-height:350;                    
}

.repeaters td
{
padding:2px;
}

#contentPanel
{
padding-left:20px;
padding-right:20px;	
height:100%;			    
}

#contentPanel Table
{
border-collapse:separate;	           
}

.detailsPanel
{
}

.detailsPanel table
{
border-collapse:separate;				    
}

.detailsPanel table td
{
padding:5px;
}




.collapsePanel {
background-color: #F0ECCF;    	
font-size: 12px; color: #663300; font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;    
overflow:hidden;
padding:5px;
}

.collapsePanelHeader	
{
background-color: #FDD340;
font-size: 16px; color: #663300; font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;    
float:none;
padding:5px; 
cursor: pointer; 
vertical-align: middle;
}

.collapsePanelHeader a
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
}

.collapsePanel table{
margin-left:auto;
margin-right:auto;     	
width:100%;        	
}

.innerGrids{
		clear:left;			
	}
	
	
	.mainPanel {
		width:100%;
		min-height:385px;
		background-color:#F0ECCF;
		
	}
	.tabPanels {
		min-width:300px;
		min-height:300px;
	}
	
	.header { 
		clear:left;
		height:20px;
    	padding: 5px; margin: 0px;    
    	background-color: #FDD340;
    	
    	margin-bottom:10px;
    	margin-top:10px;
    	}
    .header h2 {
    	font-size: 16px; color: #663300; font-weight: bold; 
    	font-family: Arial, Helvetica, sans-serif;
    	margin:0px;
    	padding:0px;
    }	
    .header a{
    	cursor: hand; cursor:pointer;
    }
    
    .details {     		
    	background-color: #F0ECCF;    	
        font-family: Verdana;              
     	border:solid 1px #D2B48C;
     	min-height:110px;
     }
     .details table{
     	margin-left:auto;
     	margin-right:auto;
     	
     	width:100%;        	
     }
     .innerLabel{
     	margin-left:5px;
     }
