/*css styling for the admin panel calendar event manager*/
table.calendar-month{
border-collapse:collapse;
border:1px solid #000000;
width:100%;
height:100%;
}

table.calendar-month th{
padding:4px;}

table.calendar-month td{
padding:4px; 
vertical-align: top; 
text-align: left;
height:50px;}

table.calendar-miniature{
border-collapse:collapse;
}

table.calendar-miniature th{
padding:4px;}

table.calendar-miniature td{
padding:4px;}

#wrap{
padding:4px; 
margin:4px; 
width:100%;
}

#calendar-dropdown{
width:75%;
border:0px none;
text-align:center;
margin:4px;
}

#events{
border:1px solid #000000; 
text-align: left; 
padding:4px; 
margin: 4px; 
width:50%; 
float:left;
}

#mini-calendars{
width:25%; 
float:right;
}

#navigation-calendar{
text-align:right; 
padding:6px;}

#navigation-calendar a{
padding:10px; 
margin:10px;}

#main{
width:75%; 
margin-left:auto; 
margin-right:auto;
}

#event-listing{
width:100%; 
}

/*css styling for membersignin and displayaccount (stylized1)*/
#stylized1{
width:30%; 
margin-left:auto; 
margin-right:auto;
}

#stylized1 legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}

#stylized1 fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}

#stylized1 fieldset {  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0;  
border: 1px solid #BFBAB0;  
background-color: #F2EFE9;
}

#stylized1 fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
}

#stylized1 fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 12em;  
background-color: transparent;
}

#stylized1 label {  
float: left;  
width: 10em;  
margin-right: 1em;
}

#stylized1 label em {  
display: block;  
color: #2a458f;  
font-size: 85%;  
font-style: normal;  
}

#stylized1 fieldset input{
float:left;
}


/*css styling for displayadd and displayedit (stylized2)*/
/* ----------- Classes ----------- */
.spacer{clear:both; height:1px;}

.myform{
margin:0 auto;
width:600px;
padding:14px;
}

.small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
margin:0 0 20px 0;
}

#stylized2{
border:solid 2px #000000;
background:#F2EFE9;
}

#stylized2 p, h1, form, button{border:0; margin:0; padding:0;}

#stylized2 h1 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}

#stylized2 p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #000000;
padding-bottom:10px;
}

#stylized2 textarea{
display:block;
border:solid 1px #000000;
font-weight:bold;
text-align:left;
float:left;
margin:2px 0 20px 10px;
}

#stylized2 label{
clear:left;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized2 select{
float:left;
padding:4px 2px;
width:115px;
margin:2px 0 20px 10px;
}

#stylized2 button{
clear:both;
float:left;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

input.text{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #000000;
width:200px;
margin:2px 0 20px 10px;
}

input.checkbox{
float:left;
font-size:12px;
padding:4px 2px;
width:70px;
margin:2px 0 20px 10px;
}

input.radio{
float:left;
font-size:12px;
padding:4px 2px;
width:70px;
margin:2px 0 20px 10px;
}

#EventDate{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #000000;
width:200px;
margin:2px 0 20px 10px;
}

#Neventdate{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #000000;
width:200px;
margin:2px 0 20px 10px;
}

/*css styling for the event-listing page*/
#event-listing{
width:100%; 
}

#event-listing th{
text-align:left; 
}

tr.row0{
background-color:#CCCCCC;
line-height:25px; 
}

tr.row1{
background-color:#FFFFFF;
line-height:25px; 
}