/* begin overall style */
body
{
	margin: 0;
	padding: 0;
	background: blue;
	color: #444;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background:white repeat-x left top;
    background-image: url(bg.png);  
}

h2
{
    color: #4F81BD;
    
}
/* my own css  */

.featured-event{
height:60px;
background: url(featured-event-bar.png) repeat-x 0 100%;
border: 1px solid #669ad6;
text-align:center;
padding:0;
}
.featured-event-title{
    font-size:larger;
    color:#4F81BD;
    font-weight: bold;
    margin-bottom: 3px;
    padding-top:5px;
}

.featured-event-date{
    font-size: x-small;
    color:#4F81BD;
    font-weight: bold;
    
    margin-bottom: 3px;
    margin-left: 5px;
}


.feature-click-left-button{
    float:left;
    margin-left:100px;
    height:25px;
}

.center-button{
    margin: 0 auto;
    height:25px;
    width:45%;
}

.feature-click-left{
    float:left;
    height:25px;
    margin-top:1px;
    background: url(featured-events-click-left.png) no-repeat; 
    background-position: left top;
    width:5px;
}

.feature-click-right{
    float:left;
    height:25px;
    margin-top:1px;
    margin-left: 0px;
    background: url(featured-events-click-right.png) no-repeat; 
    background-position: right top;
    width:5px;
}

.feature-click-fill{
    float:left;
    padding:0px;
    height:25px;
    margin-top:1px;
    margin-left:0px;
    background:url(featured-events-click-fill.png) repeat-x 0 100%;
}
.feature-click-text{
 float:left;
 margin-top: 3px; 
 margin-right: 3px;
}

.feature-click-text a {
 color:white;
 text-decoration: none;    
}

.help-text-mainpage{
	text-align: center;
    float:left;
    height:50px;
	width:735px;
    cursor:pointer;
	margin-top:20px;
    margin-left: 16px;
    font-size:larger;
    color:#4F81BD;
    font-weight: bold;
    margin-bottom: 3px;
	
	
}
.help-arrow-left{
    float:left;
    height:35px;
	width:245px;
    cursor:pointer;
	margin-top:1px;
    margin-left: 16px;
    background: url(arrow-left.png) no-repeat; 
	
}

.help-arrow-middle{
    float:left;
    height:35px;
	width:245px;
    cursor:pointer;
    margin-top:1px;
    margin-left: -10px;
    background: url(arrow-middle.png) no-repeat; 
}

.help-arrow-right{
    float:left;
    height:35px;
	width:245px;
    cursor:pointer;
    margin-top:1px;
    margin-left: -10px;
    background: url(arrow-right.png) no-repeat; 
}
.DatagridPrompt{
    float:left;
    padding:1px 6px;
    margin-top:3px; 
    font-weight: bold; 
}    
    


.AvailableTag {
    float:left;
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    margin:2px;
    text-decoration:none;
}

.AvailableTag a {
    color:#0e509e;
    text-decoration:none;
}

.AvailableTag:hover {
    border:solid 1px #0e509e;}

.FilteredTag{
    float:left;
    border:solid 1px #9aafe5;
    padding:1px 6px;
    margin:2px;
    text-decoration:none;
    background:#2e6ab1;  /* 46  106 177    */
    color:#FFFFFF;
    font-weight:bold;
}

.FilteredTag a {
    text-decoration:none;
    background:#2e6ab1;
    color:#FFFFFF;
}

.FormLine{
    border-top: 2px solid #B7DDF2;
    padding-top:5px;
}


.eventphotospanel{
    float:left;
    margin-top:10px;
    text-decoration:none;
    border: 2px solid #B7DDF2;
    background: #EBF4FB;
    width:100%;
}

.eventphotospager{
    border-top: 2px solid #B7DDF2;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;    
    padding-top:5px;
    padding-bottom:5px;
    float:left;
}

#eventphotossortlink{
    margin-left: 5px ;  
    margin-bottom: 5px ;  
    float:left;
    font-size: 1.2em;
    width:100%;
}

.assignedPhotosHeading{
    float:left;
    width:100%;
    border-bottom: 2px solid #B7DDF2;
    text-decoration:none;
    margin: 0 auto;
    padding: 0px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;    
}

.PhotoContainer{
    float:left;
    text-align: center;
    border: 2px solid #B7DDF2;
    margin: 3px ;  
    padding: 3px auto;
    font-size: 0.9em; 
    width:auto;
}

.evententrysortrow{
    float:left;
    width:100%;
    border-top: 2px solid #B7DDF2;
    margin-top:2px;
    margin-bottom:2px;
    margin-left: 0;
    margin-right: 0;
    padding:0 auto;
    padding-top:2px;
    text-align: center;
}

.evententrysorthelprow{
    float:left;
    width:100%;
    border-bottom: 2px solid #B7DDF2;
    margin-top:2px;
    margin-bottom:2px;
    margin-left: 0;
    margin-right: 0;
    padding:0 auto;
    padding-top:2px;
    text-align: right;
}
#sortbuttonpanel{
    float:left;
    margin-top:0;
    margin-bottom: 0;
    text-decoration:none;
    width:130px;
}    


#sorttable{
    float:left;
    margin-top:0;
    margin-bottom: 0;
    text-decoration:none;
    width:450px;
    border-left:2px solid #B7DDF2;
    text-align: left;
    padding-left: 20px;
}

#sorttable a {
   color:#0e509e;
   text-decoration:none;
}

.sortlineSelected  {
    border:2px solid #B7DDF2;
    background:#EBF4FB;
    font-weight:bold;
}


.tooltip {
    display:none;
    font-size:12px;
    height:160px;
    width:345px;
    padding:25px;
    color:black;   
    background: url(white_arrow_right_big.png) no-repeat;
}

.tipheader{
    margin-top:0px;
    padding-left:20px;
    padding-right:0px;
    /* float:left; */
    font-weight:bold;
    font-size:13px;
}

.tipcontent{
    padding-left:20px;
    padding-right:0px;
    /* float:left; */
    font-weight:normal;
}

.helpimage{
    border-top:1px solid #B7DDF2;
    border-bottom:1px solid #B7DDF2;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
}

#page
{
	width: 750px;
	margin: 0 auto;
	padding: 0;
    
}

#header
{
	margin: 0;
	padding: 0;
	height: 111px;  /*95px;  */
}

#logo
{
	padding: 20px 0 6px 10px;
	font-size: 200%;
    background-image: url('../images/Vault5.png');
    background-repeat:no-repeat;
    background-position:top left;
}

#overview
{
    background-image: url('../images/Vault-larger-forleft-2.png');
    background-repeat:no-repeat;
    background-position: top left;
}

#mainmenu{
	position: absolute;
	top: 59px;
}
/*
#mainmenu ul
{
	padding: 0;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#mainmenu ul li
{
	display: inline;
}

*/

#mainmenu ul li a
{
	/* padding: 0.4em 0.4em; */
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#mainmenu1 ul li a:hover, #mainmenu1 ul li a.active
{
	background: #E6F2FF;   
	/* background: #E6F2FF; */
	color: #6399cd; /* 99 153 205 */
}


#content
{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

#footer
{
	padding: 15px;
	margin: 20px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #EEE;
    clear: both;
}
/* end of overall style */

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
 }  

table.dataGrid td 
 {
	font-size: 0.9em;
	border: 1px #4F81BD solid;  /* 79 129 189  */
	padding: 0.3em;
}

table.dataGrid th
{
	background: #d3e2f4;  /* 211 223  238   */
    background:url(borders-fill.png) repeat-x 0 100% ;
	text-align: center;
    color:#fff;
    font-weight: normal;
	border: 1px #4F81BD solid;  /* 79 129 189  */
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

.actionBar
{
	margin: 10px;
}

div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}

ul.alphaFilter
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}



ul.alphaFilter li
{
    display:inline;
}

ul.alphaFilter a:link,
ul.alphaFilter a:visited
{
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

ul.alphaFilter .page a
{
    font-weight:normal;
}

ul.alphaFilter a:hover
{
    border:solid 1px #0e509e;
}

ul.alphaFilter .selected a
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
}

ul.alphaFilter .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}


@keyframes blink {
    0%  {
            opacity: 1;
    }
    50% {
            opacity: 0;
        }

    100% {
            opacity: 1;
        }
}

.blinking-text {
    color: #4F81BD;
    animation: blink 1s infinite;
}