/* Note: Line 105 throws an error using the css validator. 
This declaration positions the button tag in the events filter form for Safari.*/

#masthead,
#masthead #flash {
    height:160px;
}
#vSide #pageHeader{
    text-indent:0px;
    color:#4ab2d5;
    font-weight:100;
    
    font-size:11px;
    height:16px;
    overflow:hidden;
    margin-top: 10px;
    padding:12px 12px 12px 40px;
    background:#000 url(../images/icons/bg_events.gif) no-repeat 10px 10px;
}
#vSide #pageHeader span{
    display:block;
    float:right;
    height:25px;
    padding-top:3px;
    position:relative;
    right:0px;
    top:-17px;
    font-weight: 100;
    color:#51595f;
}
#filter_controls{
    background-color: #e7e7e7;
}
#filter_controls ul{
    float:left;
    width: 100%;
    margin-top: 10px;
}
#filter_controls ul li{
    float:left;
    width: 146px;
    height: 61px;
    margin-right: 10px;
}
#filter_controls ul a{
    display:block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-position: 0 -60px;
}
#filter_controls ul a:hover{
    background-position: 0 0;
    background-repeat: no-repeat;
}

#filter_controls ul a.active{
    background-position: 0 0;
    background-repeat: no-repeat;
}



/* Events Tabs: all, member, vSide, past */
/* all */
#filter_controls li.all a {
    background-image: url("/images/events/tab_all.gif");
}
/* member */
#filter_controls li.friends a {
    background-image: url("/images/events/tab_friends.gif");
}
/* vSide official */
#filter_controls ul .l3 a {
    background-image:url(../images/buttons/events-tab-vside.gif);    
}
/* leaderboard & past */
#filter_controls li.leaderboard,
#filter_controls li.past {
  float: right;
  height: 42px;
  margin-top: 19px;
  width: 108px;
}

#filter_controls li.leaderboard a
{
	background-image: url("/images/events/tab_leaderboard.gif");
  background-position: 0 -42px;
}

#filter_controls li.past a {
  background-image: url("/images/events/tab_past.gif");
  background-position: 0 -42px;
}

#filter_controls li.leaderboard a:hover,
#filter_controls li.leaderboard a.active,
#filter_controls li.past a:hover,
#filter_controls li.past a.active {
	background-position: 0 0;  
}




/* moderated tab */
#filter_controls li.moderated a {
    background-image:url("/images/events/tab_moderated.gif");
}

/* moderated-fixed tab */
#filter_controls li.fixed a {
    background-image:url("/images/events/tab_fixed.gif");    
}

#filter_options{
    background-color:#4ab2d5;
    height: 40px;
    width: 100%;
    clear:both;
    /*overflow:hidden;*/
}
#filter_options form{
    float:left;
    width: 100%;
    
    display: none;
    padding-left: 9px;
    
    height: 40px;
    line-height: 40px;
    
    font-weight: 900;
    font-size:11px;
    
    position:relative;
}
#filter_options .f1 input,
#filter_options #filter_options_f2 input,
#filter_options #filter_options_f3 input,
#filter_options #filter_options_f4 input{
    margin: 0 10px;
}
#filter_options .f1 button,
#filter_options .f2 button,
#filter_options .f3 button,
#filter_options .f4 button{
    text-indent:-9999px;
    background-image: url(../images/buttons/sort.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    width:43px;
    height:20px;
    cursor:pointer;
    margin-left: 10px;
}

#filter_options #filter_options_f2 select{
    width: 181px;
    height: 18px;
    border: 1px solid #ccc;
    margin: 0 10px;
}
*:first-child+html #filter_options #filter_options_f2 select{
    height: 20px;
    position: relative;
    top: 2px;
}
#filter_options #filter_options_f3 textarea{
    
    width: 169px;
    height: 18px;
    border: 1px solid #ccc;
    margin: 0 10px;
    line-height:18px;
    font-size: 11px;
    padding: 0px 6px;
    
    position: relative;
    top: 4px;
}
* html #filter_options #filter_options_f3 textarea{
    width: 181px;
}
/* Safari 2.0 only*/
html[xmlns*=""] body:last-child #filter_options button { 
    position: relative;
    top: 10px;
}
/* End Safari 2.0 only*/

#filter_options .f1 button:hover,
#filter_options .f2 button:hover,
#filter_options .f3 button:hover,
#filter_options .f4 button:hover{
    background-position: 0 -35px;	
}

/******* Form Highlighting *******/
.all ul .l1 a,
.type ul .l2 a,
.member ul .l3 a,
.vside ul .l4 a{
    background-position: 0 0px;
}

.all #filter_options form.f1,
.type #filter_options form.f2,
.member #filter_options form.f3,
.vside #filter_options form.f4{
    display:block;
    position: relative;
}
/*ie 7 only*/
*:first-child+html .all #filter_options form.f1,
*:first-child+html .type #filter_options form.f2,
*:first-child+html .member #filter_options form.f3,
*:first-child+html .vside #filter_options form.f4{
    position: relative;
    top: -2px;
}
/* end ie 7 only*/

/*ie 6 only*/
* html .all #filter_options form.f1,
* html .type #filter_options form.f2,
* html .member #filter_options form.f3,
* html .vside #filter_options form.f4{
    height: 1%;
    margin-top: 10px;
}
/* end ie 6 only*/


.event_controls {
  float:left;
  background-color: #e7e7e7;
  padding: 3px 10px;
  width: 100%;
}

/*ie 7 only*/
*:first-child+html .event_controls{
    padding-bottom: 10px;
}
/* end ie 7 only*/

.bottom{
    position: relative;
    top: -10px;
}
.event_controls ul{
    height: 20px;
    float:left;
    margin:10px;
    background-color: #fff;
    color: #041019;
    font-weight: 900;
    font-size:11px;
}
/* IE 6 only*/
* html .event_controls ul {
    display:inline;
}
/* IE 6 only*/

.event_controls ul li{
    float:left;
    line-height: 20px;
}
.event_controls ul a{
    display:block;
    background-repeat: no-repeat;
    text-decoration:none;
    color: #041019;
}
.event_controls ul a:hover{
    background-position: 0 -35px;
    background-repeat: no-repeat;
}
.event_controls ul .l1{
    width: 98px;
}
.event_controls ul .l1 a{
    background-image:url(../images/buttons/first-arrow.gif);
    padding-left: 30px;
}
.event_controls ul .l2{
    width: 282px;
}
.event_controls ul .l2 a{
    background-image:url(../images/buttons/previous-arrow.gif);
    padding-left: 30px;
}
.event_controls ul .l3{
    width:190px;
}
.event_controls ul .l3 a{
    float:left;
}
.event_controls ul .l3 a.calendar{
    background-image:url(../images/buttons/calendar.gif);
    width: 20px;
    height:20px;
    text-indent: -9999px;
    margin-right: 12px;
}
/* IE 6*/
* html .event_controls ul .l3 a.calendar{
    margin-right: 5px;
}
/* end IE 6*/

.event_controls ul .l4{
    width: 282px;
    text-align:right;
}
.event_controls ul .l4 a{
    background-image:url(../images/buttons/next-arrow.gif);
    background-position: top right;
    padding-right: 30px;
}
.event_controls ul .l5{
    width: 98px;
    text-align:right;
}
.event_controls ul .l5 a{
    background-image:url(../images/buttons/last-arrow.gif);
    background-position: top right;
    padding-right: 30px;
}
.event_controls ul .l4 a:hover,
.event_controls ul .l5 a:hover{
    background-position: right -35px;
}


#event_list{
    clear:both;
}

/* DG styles */
a.eventCreator {
    color: #30BF30;
    text-decoration: none;
}

a:hover.eventCreator {
    color: #30BF30;
    text-decoration: underline;
}

.sort_options {
  margin: 10px;
}